@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/components/docs/libraries/LibrariesRuntimePage.js

@@ -3,112 +3,112 @@
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
 import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function LibrariesRuntimePage() {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h1", {
+          /* @__PURE__ */ jsx("h1", {
             className: "text-4xl font-bold",
             children: "Runtime Libraries"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: "The presentation runtime libraries provide the engine for rendering ContractSpec-defined UIs. They handle state management, validation, step navigation, and component rendering for Workflows and DataViews."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Installation"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(InstallCommand, {
+          }),
+          /* @__PURE__ */ jsx(InstallCommand, {
             package: "@contractspec/lib.presentation-runtime-react"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Libraries"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("div", {
+          }),
+          /* @__PURE__ */ jsxs("div", {
             className: "space-y-6",
             children: [
-              /* @__PURE__ */ jsxDEV("div", {
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-lg font-bold",
                     children: "@contractspec/lib.presentation-runtime-core"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsxs("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: [
-                      /* @__PURE__ */ jsxDEV("strong", {
+                      /* @__PURE__ */ jsx("strong", {
                         children: "Framework-Agnostic Core"
-                      }, undefined, false, undefined, this),
+                      }),
                       ". Contains the state machines, validation logic, and navigation rules for workflows. Can be used to build renderers for any platform (Vue, Svelte, CLI)."
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-lg font-bold",
                     children: "@contractspec/lib.presentation-runtime-react"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsxs("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: [
-                      /* @__PURE__ */ jsxDEV("strong", {
+                      /* @__PURE__ */ jsx("strong", {
                         children: "React Bindings"
-                      }, undefined, false, undefined, this),
+                      }),
                       ". Hooks (`useWorkflow`) and components (`WorkflowStepper`, `WorkflowStepRenderer`) for React Web applications. Integrates with `ui-kit-web`."
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("div", {
+              }),
+              /* @__PURE__ */ jsxs("div", {
                 className: "card-subtle p-6",
                 children: [
-                  /* @__PURE__ */ jsxDEV("h3", {
+                  /* @__PURE__ */ jsx("h3", {
                     className: "text-lg font-bold",
                     children: "@contractspec/lib.presentation-runtime-react-native"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV("p", {
+                  }),
+                  /* @__PURE__ */ jsxs("p", {
                     className: "text-muted-foreground mt-2 text-sm",
                     children: [
-                      /* @__PURE__ */ jsxDEV("strong", {
+                      /* @__PURE__ */ jsx("strong", {
                         children: "React Native Bindings"
-                      }, undefined, false, undefined, this),
+                      }),
                       ". Optimized for mobile experiences. Handles native navigation integration and uses universal components from `ui-kit`."
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Example: React Workflow"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(CodeBlock, {
+          }),
+          /* @__PURE__ */ jsx(CodeBlock, {
             language: "tsx",
             code: `import { useWorkflow, WorkflowStepRenderer } from '@contractspec/lib.presentation-runtime-react';
 import { OnboardingFlow } from './specs/onboarding';
@@ -151,89 +151,89 @@ export function OnboardingPage() {
     </div>
   );
 }`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Architecture"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground",
             children: 'The runtime follows a "render-loop" pattern:'
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("ol", {
+          }),
+          /* @__PURE__ */ jsxs("ol", {
             className: "text-muted-foreground list-inside list-decimal space-y-2",
             children: [
-              /* @__PURE__ */ jsxDEV("li", {
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Spec"
-                  }, undefined, false, undefined, this),
+                  }),
                   ": Defines the flow, fields, and validation rules."
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Core"
-                  }, undefined, false, undefined, this),
+                  }),
                   ": Tracks current step, data state, and validation errors."
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Renderer"
-                  }, undefined, false, undefined, this),
+                  }),
                   ": Maps spec fields to UI components (Input, Select, etc.)."
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "User"
-                  }, undefined, false, undefined, this),
+                  }),
                   ": Interacts with components, updating core state."
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV("li", {
+              }),
+              /* @__PURE__ */ jsxs("li", {
                 children: [
-                  /* @__PURE__ */ jsxDEV("strong", {
+                  /* @__PURE__ */ jsx("strong", {
                     children: "Policy"
-                  }, undefined, false, undefined, this),
+                  }),
                   ": (Optional) Re-evaluates visibility on every change."
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV(Link, {
+          /* @__PURE__ */ jsx(Link, {
             href: "/docs/libraries/data-backend",
             className: "btn-ghost",
             children: "Previous: Data & Backend"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Link, {
+          }),
+          /* @__PURE__ */ jsxs(Link, {
             href: "/docs/libraries",
             className: "btn-primary",
             children: [
               "Back to Libraries ",
-              /* @__PURE__ */ jsxDEV(ChevronRight, {
+              /* @__PURE__ */ jsx(ChevronRight, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   LibrariesRuntimePage

package/dist/components/docs/libraries/LibrariesSLOPage.js

@@ -3,49 +3,49 @@
 import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function LibrariesSLOPage() {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "space-y-8",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h1", {
+          /* @__PURE__ */ jsx("h1", {
             className: "text-4xl font-bold",
             children: "SLO Library"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground text-lg",
             children: [
-              /* @__PURE__ */ jsxDEV("code", {
+              /* @__PURE__ */ jsx("code", {
                 children: "@contractspec/lib.slo"
-              }, undefined, false, undefined, this),
+              }),
               " keeps service level objectives front and center\u2014declarative definitions, rolling snapshots, burn-rate math, and automated incidents."
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Installation"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(InstallCommand, {
+          }),
+          /* @__PURE__ */ jsx(InstallCommand, {
             package: "@contractspec/lib.slo"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Define Targets"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(CodeBlock, {
+          }),
+          /* @__PURE__ */ jsx(CodeBlock, {
             language: "typescript",
             code: `const definition: SLODefinition = {
   id: 'billing.createInvoice.availability',
@@ -54,17 +54,17 @@ function LibrariesSLOPage() {
   rollingWindowMs: 7 * 24 * 60 * 60 * 1000,
   alerts: { fastBurnThreshold: 14, slowBurnThreshold: 6 },
 };`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "Monitor Burn Rate"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(CodeBlock, {
+          }),
+          /* @__PURE__ */ jsx(CodeBlock, {
             language: "typescript",
             code: `const monitor = new SLOMonitor({ definition, incidentManager });
 const { snapshot, burnRate } = monitor.recordWindow({
@@ -73,54 +73,54 @@ const { snapshot, burnRate } = monitor.recordWindow({
   latencyP99: 420,
   latencyP95: 210,
 });`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsxs("p", {
             className: "text-muted-foreground text-sm",
             children: [
               "When burn rate exceeds the configured thresholds the monitor calls your",
-              /* @__PURE__ */ jsxDEV("code", {
+              /* @__PURE__ */ jsx("code", {
                 children: "IncidentManager"
-              }, undefined, false, undefined, this),
+              }),
               ", providing the snapshot that triggered the alert."
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "space-y-4",
         children: [
-          /* @__PURE__ */ jsxDEV("h2", {
+          /* @__PURE__ */ jsx("h2", {
             className: "text-2xl font-bold",
             children: "History & Reporting"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
+          }),
+          /* @__PURE__ */ jsx("p", {
             className: "text-muted-foreground text-sm",
             children: "`SLOTracker.getHistory()` returns the latest snapshots so dashboards can show trends without hitting a warehouse. Prisma models persist everything for long-term audits."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: "flex items-center gap-4 pt-4",
         children: [
-          /* @__PURE__ */ jsxDEV(Link, {
+          /* @__PURE__ */ jsx(Link, {
             href: "/docs/libraries",
             className: "btn-ghost",
             children: "Back to Libraries"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Link, {
+          }),
+          /* @__PURE__ */ jsxs(Link, {
             href: "/docs/libraries/cost-tracking",
             className: "btn-primary",
             children: [
               "Next: Cost Tracking ",
-              /* @__PURE__ */ jsxDEV(ChevronRight, {
+              /* @__PURE__ */ jsx(ChevronRight, {
                 size: 16
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   LibrariesSLOPage