@contractspec/bundle.library 3.7.6 → 3.8.2

package/dist/node/components/docs/specs/SpecsPolicyPage.js

@@ -10,7 +10,7 @@ function SpecsPolicyPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Policy"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -29,7 +29,7 @@ function SpecsPolicyPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Why policies matter"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -56,7 +56,7 @@ function SpecsPolicyPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Policy structure"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -64,7 +64,7 @@ function SpecsPolicyPage() {
             children: "A PolicySpec contains one or more rules. Each rule has:"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs("li", {
                 children: [
@@ -106,7 +106,7 @@ function SpecsPolicyPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example PolicySpec"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -114,7 +114,7 @@ function SpecsPolicyPage() {
             children: "Here's a policy that controls access to customer data in TypeScript:"
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `import { definePolicy } from '@contractspec/lib.contracts-spec';
 
@@ -167,7 +167,7 @@ export const CustomerDataAccess = definePolicy({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Attributes"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -180,32 +180,32 @@ export const CustomerDataAccess = definePolicy({
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "User attributes"
                   }),
                   /* @__PURE__ */ jsxs("p", {
                     className: "text-muted-foreground",
                     children: [
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "user.id"
                       }),
                       ",",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "user.role"
                       }),
                       ",",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "user.groups"
                       }),
                       ",",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "user.department"
                       }),
                       ", custom attributes"
@@ -216,26 +216,26 @@ export const CustomerDataAccess = definePolicy({
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Resource attributes"
                   }),
                   /* @__PURE__ */ jsxs("p", {
                     className: "text-muted-foreground",
                     children: [
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "resource.type"
                       }),
                       ",",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "resource.owner"
                       }),
                       ",",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "resource.sensitivity"
                       }),
                       ", custom attributes"
@@ -246,14 +246,14 @@ export const CustomerDataAccess = definePolicy({
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Action attributes"
                   }),
                   /* @__PURE__ */ jsxs("p", {
                     className: "text-muted-foreground",
                     children: [
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "action"
                       }),
                       " ",
@@ -265,32 +265,32 @@ export const CustomerDataAccess = definePolicy({
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Context attributes"
                   }),
                   /* @__PURE__ */ jsxs("p", {
                     className: "text-muted-foreground",
                     children: [
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "time.hour"
                       }),
                       ",",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "time.dayOfWeek"
                       }),
                       ",",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "request.ipAddress"
                       }),
                       ",",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "request.userAgent"
                       })
                     ]
@@ -305,7 +305,7 @@ export const CustomerDataAccess = definePolicy({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Data classification"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -330,7 +330,7 @@ export const CustomerDataAccess = definePolicy({
             ]
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `fields:
   - name: email
@@ -358,7 +358,7 @@ export const CustomerDataAccess = definePolicy({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Testing policies"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -366,7 +366,7 @@ export const CustomerDataAccess = definePolicy({
             children: "ContractSpec provides tools for testing policies before deployment:"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs("li", {
                 children: [
@@ -408,11 +408,11 @@ export const CustomerDataAccess = definePolicy({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Best practices"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Start with a deny-by-default policy—explicitly permit what should be allowed."

package/dist/node/components/docs/specs/SpecsWorkflowsPage.js

@@ -10,7 +10,7 @@ function SpecsWorkflowsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "Workflows"
           }),
           /* @__PURE__ */ jsxs("p", {
@@ -29,7 +29,7 @@ function SpecsWorkflowsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Core concepts"
           }),
           /* @__PURE__ */ jsxs("div", {
@@ -38,7 +38,7 @@ function SpecsWorkflowsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Identifiers"
                   }),
                   /* @__PURE__ */ jsxs("p", {
@@ -47,14 +47,14 @@ function SpecsWorkflowsPage() {
                       "Each workflow has a unique",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "workflowId"
                       }),
                       " ",
                       "and a",
                       " ",
                       /* @__PURE__ */ jsx("code", {
-                        className: "bg-background/50 rounded px-2 py-1",
+                        className: "rounded bg-background/50 px-2 py-1",
                         children: "version"
                       }),
                       ". This allows you to run multiple versions of the same workflow simultaneously during migrations or A/B tests."
@@ -65,7 +65,7 @@ function SpecsWorkflowsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Steps"
                   }),
                   /* @__PURE__ */ jsxs("p", {
@@ -90,7 +90,7 @@ function SpecsWorkflowsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Transitions"
                   }),
                   /* @__PURE__ */ jsxs("p", {
@@ -107,7 +107,7 @@ function SpecsWorkflowsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Retries"
                   }),
                   /* @__PURE__ */ jsx("p", {
@@ -119,7 +119,7 @@ function SpecsWorkflowsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "Compensation"
                   }),
                   /* @__PURE__ */ jsxs("p", {
@@ -138,7 +138,7 @@ function SpecsWorkflowsPage() {
               /* @__PURE__ */ jsxs("div", {
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-semibold",
+                    className: "font-semibold text-lg",
                     children: "SLAs"
                   }),
                   /* @__PURE__ */ jsx("p", {
@@ -155,7 +155,7 @@ function SpecsWorkflowsPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Example WorkflowSpec (TypeScript)"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -163,7 +163,7 @@ function SpecsWorkflowsPage() {
             children: "Here's a simplified example of a payment workflow in TypeScript:"
           }),
           /* @__PURE__ */ jsx("div", {
-            className: "bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm",
+            className: "overflow-x-auto rounded-lg border border-border bg-background/50 p-4 font-mono text-muted-foreground text-sm",
             children: /* @__PURE__ */ jsx("pre", {
               children: `import { defineWorkflow } from '@contractspec/lib.contracts-spec/workflow';
 import { ValidatePaymentMethod, ChargePayment, SendEmail } from './specs';
@@ -226,7 +226,7 @@ export const PaymentFlow = defineWorkflow({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Triggers"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -234,7 +234,7 @@ export const PaymentFlow = defineWorkflow({
             children: "Workflows can be triggered in several ways:"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsxs("li", {
                 children: [
@@ -276,7 +276,7 @@ export const PaymentFlow = defineWorkflow({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Monitoring and versioning"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -284,7 +284,7 @@ export const PaymentFlow = defineWorkflow({
             children: "ContractSpec automatically instruments workflows with telemetry. You can view:"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Real-time execution status for each step"
@@ -310,11 +310,11 @@ export const PaymentFlow = defineWorkflow({
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Best practices"
           }),
           /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
+            className: "list-inside list-disc space-y-2 text-muted-foreground",
             children: [
               /* @__PURE__ */ jsx("li", {
                 children: "Keep steps idempotent – they should be safe to retry without side effects."