@contractspec/lib.example-shared-ui 6.0.6 → 6.0.10

package/dist/node/PersonalizationInsights.js

@@ -154,10 +154,10 @@ function generateRecommendations(featuresUsed, unusedFeatures, mostUsedModes, to
 }
 
 // src/PersonalizationInsights.tsx
-import { useCallback as useCallback2, useMemo as useMemo2, useState as useState2 } from "react";
 import { Button } from "@contractspec/lib.design-system";
-import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
 import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
+import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
+import { useCallback as useCallback2, useMemo as useMemo2, useState as useState2 } from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function PersonalizationInsights({
@@ -206,7 +206,7 @@ function PersonalizationInsights({
     className: "overflow-hidden",
     children: [
       /* @__PURE__ */ jsxDEV("div", {
-        className: "flex items-center justify-between border-b border-blue-500/20 bg-blue-500/5 px-4 py-3",
+        className: "flex items-center justify-between border-blue-500/20 border-b bg-blue-500/5 px-4 py-3",
         children: [
           /* @__PURE__ */ jsxDEV("div", {
             className: "flex items-center gap-2",
@@ -231,7 +231,7 @@ function PersonalizationInsights({
               }, undefined, false, undefined, this),
               onToggle && /* @__PURE__ */ jsxDEV("button", {
                 onClick: onToggle,
-                className: "text-muted-foreground hover:text-foreground p-1",
+                className: "p-1 text-muted-foreground hover:text-foreground",
                 type: "button",
                 title: "Collapse",
                 children: "✕"
@@ -273,7 +273,7 @@ function PersonalizationInsights({
             className: "mb-4",
             children: [
               /* @__PURE__ */ jsxDEV("h4", {
-                className: "mb-2 text-xs font-semibold text-blue-400 uppercase",
+                className: "mb-2 font-semibold text-blue-400 text-xs uppercase",
                 children: "Recommendations"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("ul", {
@@ -297,7 +297,7 @@ function PersonalizationInsights({
             className: "mb-4",
             children: [
               /* @__PURE__ */ jsxDEV("h4", {
-                className: "mb-2 text-xs font-semibold text-blue-400 uppercase",
+                className: "mb-2 font-semibold text-blue-400 text-xs uppercase",
                 children: "Try These Features"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("div", {
@@ -314,7 +314,7 @@ function PersonalizationInsights({
             sessionStart
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("div", {
-            className: "mt-4 flex justify-end border-t border-blue-500/10 pt-4",
+            className: "mt-4 flex justify-end border-blue-500/10 border-t pt-4",
             children: /* @__PURE__ */ jsxDEV(Button, {
               variant: "ghost",
               size: "sm",
@@ -346,7 +346,7 @@ function StatCard({
         children: icon
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
-        className: "text-lg font-bold",
+        className: "font-bold text-lg",
         children: value
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
@@ -361,12 +361,12 @@ function DetailedInsights({
   sessionStart
 }) {
   return /* @__PURE__ */ jsxDEV("div", {
-    className: "mt-4 space-y-4 border-t border-blue-500/10 pt-4",
+    className: "mt-4 space-y-4 border-blue-500/10 border-t pt-4",
     children: [
       summary.mostUsedTemplates.length > 0 && /* @__PURE__ */ jsxDEV("div", {
         children: [
           /* @__PURE__ */ jsxDEV("h4", {
-            className: "mb-2 text-xs font-semibold text-blue-400 uppercase",
+            className: "mb-2 font-semibold text-blue-400 text-xs uppercase",
             children: "Most Used Templates"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("div", {
@@ -392,7 +392,7 @@ function DetailedInsights({
       summary.mostUsedModes.length > 0 && /* @__PURE__ */ jsxDEV("div", {
         children: [
           /* @__PURE__ */ jsxDEV("h4", {
-            className: "mb-2 text-xs font-semibold text-blue-400 uppercase",
+            className: "mb-2 font-semibold text-blue-400 text-xs uppercase",
             children: "Mode Usage"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("div", {
@@ -418,7 +418,7 @@ function DetailedInsights({
       /* @__PURE__ */ jsxDEV("div", {
         children: [
           /* @__PURE__ */ jsxDEV("h4", {
-            className: "mb-2 text-xs font-semibold text-blue-400 uppercase",
+            className: "mb-2 font-semibold text-blue-400 text-xs uppercase",
             children: "Features Used"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("div", {

package/dist/node/SaveToStudioButton.js

@@ -11,8 +11,8 @@ function useTemplateRuntime() {
 }
 
 // src/SaveToStudioButton.tsx
-import { useState } from "react";
 import { Sparkles } from "lucide-react";
+import { useState } from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function SaveToStudioButton({
@@ -62,7 +62,7 @@ function SaveToStudioButton({
         children: error
       }, undefined, false, undefined, this) : null,
       status === "saved" ? /* @__PURE__ */ jsxDEV("p", {
-        className: "text-xs text-emerald-400",
+        className: "text-emerald-400 text-xs",
         children: "Template sent to Studio."
       }, undefined, false, undefined, this) : null
     ]

package/dist/node/SpecDrivenTemplateShell.js

@@ -27,7 +27,7 @@ function LocalDataIndicator() {
     }
   };
   return /* @__PURE__ */ jsxDEV("div", {
-    className: "border-border bg-muted/40 text-muted-foreground inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs",
+    className: "inline-flex items-center gap-2 rounded-full border border-border bg-muted/40 px-3 py-1 text-muted-foreground text-xs",
     children: [
       /* @__PURE__ */ jsxDEV(Shield, {
         className: "h-3.5 w-3.5 text-violet-400"
@@ -37,14 +37,14 @@ function LocalDataIndicator() {
           "Local runtime ·",
           " ",
           /* @__PURE__ */ jsxDEV("span", {
-            className: "text-foreground font-semibold",
+            className: "font-semibold text-foreground",
             children: template.name
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV("button", {
         type: "button",
-        className: "border-border text-muted-foreground hover:text-foreground inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-semibold",
+        className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 font-semibold text-[11px] text-muted-foreground hover:text-foreground",
         onClick: handleReset,
         disabled: isResetting,
         children: [
@@ -59,8 +59,8 @@ function LocalDataIndicator() {
 }
 
 // src/SaveToStudioButton.tsx
-import { useState as useState2 } from "react";
 import { Sparkles } from "lucide-react";
+import { useState as useState2 } from "react";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function SaveToStudioButton({
@@ -110,7 +110,7 @@ function SaveToStudioButton({
         children: error
       }, undefined, false, undefined, this) : null,
       status === "saved" ? /* @__PURE__ */ jsxDEV2("p", {
-        className: "text-xs text-emerald-400",
+        className: "text-emerald-400 text-xs",
         children: "Template sent to Studio."
       }, undefined, false, undefined, this) : null
     ]
@@ -134,7 +134,7 @@ function SpecDrivenTemplateShell({
   children
 }) {
   const headerContent = /* @__PURE__ */ jsxDEV3("header", {
-    className: "border-border bg-card rounded-2xl border p-6 shadow-sm",
+    className: "rounded-2xl border border-border bg-card p-6 shadow-sm",
     children: [
       /* @__PURE__ */ jsxDEV3("div", {
         className: "flex flex-wrap items-center justify-between gap-4",
@@ -142,15 +142,15 @@ function SpecDrivenTemplateShell({
           /* @__PURE__ */ jsxDEV3("div", {
             children: [
               /* @__PURE__ */ jsxDEV3("p", {
-                className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
+                className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
                 children: "ContractSpec Templates"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV3("h1", {
-                className: "text-3xl font-bold",
+                className: "font-bold text-3xl",
                 children: title
               }, undefined, false, undefined, this),
               description ? /* @__PURE__ */ jsxDEV3("p", {
-                className: "text-muted-foreground mt-2 max-w-2xl text-sm",
+                className: "mt-2 max-w-2xl text-muted-foreground text-sm",
                 children: description
               }, undefined, false, undefined, this) : null
             ]
@@ -181,7 +181,7 @@ function SpecDrivenTemplateShell({
   };
   if (sidebar != null) {
     slotContent.sidebar = /* @__PURE__ */ jsxDEV3("aside", {
-      className: "border-border bg-card rounded-2xl border p-4",
+      className: "rounded-2xl border border-border bg-card p-4",
       children: sidebar
     }, undefined, false, undefined, this);
   }

package/dist/node/SpecEditorPanel.js

@@ -576,9 +576,9 @@ function useSpecContent(templateId) {
 }
 
 // src/SpecEditorPanel.tsx
-import { useCallback as useCallback2, useEffect as useEffect2 } from "react";
 import { Button, LoaderBlock } from "@contractspec/lib.design-system";
 import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
+import { useCallback as useCallback2, useEffect as useEffect2 } from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function SpecEditorPanel({
@@ -682,7 +682,7 @@ function SpecEditorPanel({
         className: "rounded-lg border border-amber-500/50 bg-amber-500/10 p-3",
         children: [
           /* @__PURE__ */ jsxDEV("p", {
-            className: "mb-2 text-xs font-semibold text-amber-400 uppercase",
+            className: "mb-2 font-semibold text-amber-400 text-xs uppercase",
             children: "Validation Issues"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("ul", {
@@ -700,7 +700,7 @@ function SpecEditorPanel({
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
-        className: "border-border bg-card rounded-2xl border p-4",
+        className: "rounded-2xl border border-border bg-card p-4",
         children: /* @__PURE__ */ jsxDEV(SpecEditor, {
           projectId: "sandbox",
           type: "CAPABILITY",

package/dist/node/TemplateShell.js

@@ -27,7 +27,7 @@ function LocalDataIndicator() {
     }
   };
   return /* @__PURE__ */ jsxDEV("div", {
-    className: "border-border bg-muted/40 text-muted-foreground inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs",
+    className: "inline-flex items-center gap-2 rounded-full border border-border bg-muted/40 px-3 py-1 text-muted-foreground text-xs",
     children: [
       /* @__PURE__ */ jsxDEV(Shield, {
         className: "h-3.5 w-3.5 text-violet-400"
@@ -37,14 +37,14 @@ function LocalDataIndicator() {
           "Local runtime ·",
           " ",
           /* @__PURE__ */ jsxDEV("span", {
-            className: "text-foreground font-semibold",
+            className: "font-semibold text-foreground",
             children: template.name
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV("button", {
         type: "button",
-        className: "border-border text-muted-foreground hover:text-foreground inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-semibold",
+        className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 font-semibold text-[11px] text-muted-foreground hover:text-foreground",
         onClick: handleReset,
         disabled: isResetting,
         children: [
@@ -59,8 +59,8 @@ function LocalDataIndicator() {
 }
 
 // src/SaveToStudioButton.tsx
-import { useState as useState2 } from "react";
 import { Sparkles } from "lucide-react";
+import { useState as useState2 } from "react";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function SaveToStudioButton({
@@ -110,7 +110,7 @@ function SaveToStudioButton({
         children: error
       }, undefined, false, undefined, this) : null,
       status === "saved" ? /* @__PURE__ */ jsxDEV2("p", {
-        className: "text-xs text-emerald-400",
+        className: "text-emerald-400 text-xs",
         children: "Template sent to Studio."
       }, undefined, false, undefined, this) : null
     ]
@@ -131,7 +131,7 @@ var TemplateShell = ({
   className: "space-y-6",
   children: [
     /* @__PURE__ */ jsxDEV3("header", {
-      className: "border-border bg-card rounded-2xl border p-6 shadow-sm",
+      className: "rounded-2xl border border-border bg-card p-6 shadow-sm",
       children: [
         /* @__PURE__ */ jsxDEV3("div", {
           className: "flex flex-wrap items-center justify-between gap-4",
@@ -139,15 +139,15 @@ var TemplateShell = ({
             /* @__PURE__ */ jsxDEV3("div", {
               children: [
                 /* @__PURE__ */ jsxDEV3("p", {
-                  className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase",
+                  className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
                   children: "ContractSpec Templates"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV3("h1", {
-                  className: "text-3xl font-bold",
+                  className: "font-bold text-3xl",
                   children: title
                 }, undefined, false, undefined, this),
                 description ? /* @__PURE__ */ jsxDEV3("p", {
-                  className: "text-muted-foreground mt-2 max-w-2xl text-sm",
+                  className: "mt-2 max-w-2xl text-muted-foreground text-sm",
                   children: description
                 }, undefined, false, undefined, this) : null
               ]
@@ -177,7 +177,7 @@ var TemplateShell = ({
           children
         }, undefined, false, undefined, this),
         sidebar ? /* @__PURE__ */ jsxDEV3("aside", {
-          className: "border-border bg-card rounded-2xl border p-4",
+          className: "rounded-2xl border border-border bg-card p-4",
           children: sidebar
         }, undefined, false, undefined, this) : null
       ]

package/dist/node/hooks/index.js

@@ -988,6 +988,35 @@ function useSpecContent(templateId) {
   };
 }
 
+// src/hooks/useRegistryTemplates.ts
+import { useQuery } from "@tanstack/react-query";
+function useRegistryTemplates() {
+  return useQuery({
+    queryKey: ["registryTemplates"],
+    queryFn: async () => {
+      const registryUrl = process.env.NEXT_PUBLIC_CONTRACTSPEC_REGISTRY_URL ?? "";
+      if (!registryUrl)
+        return [];
+      const res = await fetch(`${registryUrl.replace(/\/$/, "")}/r/contractspec.json`, {
+        method: "GET",
+        headers: { Accept: "application/json" }
+      });
+      if (!res.ok)
+        return [];
+      const json = await res.json();
+      const items = json.items ?? [];
+      return items.filter((i) => i.type === "contractspec:template").map((i) => ({
+        id: i.name,
+        name: i.title ?? i.name,
+        description: i.description,
+        tags: i.meta?.tags ?? [],
+        source: "registry",
+        registryUrl
+      }));
+    }
+  });
+}
+
 // src/hooks/useWorkflowComposer.ts
 import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo3, useState as useState4 } from "react";
 "use client";
@@ -1478,35 +1507,6 @@ function getTemplateWorkflows(templateId) {
   };
   return templateWorkflows[templateId] ?? [];
 }
-
-// src/hooks/useRegistryTemplates.ts
-import { useQuery } from "@tanstack/react-query";
-function useRegistryTemplates() {
-  return useQuery({
-    queryKey: ["registryTemplates"],
-    queryFn: async () => {
-      const registryUrl = process.env.NEXT_PUBLIC_CONTRACTSPEC_REGISTRY_URL ?? "";
-      if (!registryUrl)
-        return [];
-      const res = await fetch(`${registryUrl.replace(/\/$/, "")}/r/contractspec.json`, {
-        method: "GET",
-        headers: { Accept: "application/json" }
-      });
-      if (!res.ok)
-        return [];
-      const json = await res.json();
-      const items = json.items ?? [];
-      return items.filter((i) => i.type === "contractspec:template").map((i) => ({
-        id: i.name,
-        name: i.title ?? i.name,
-        description: i.description,
-        tags: i.meta?.tags ?? [],
-        source: "registry",
-        registryUrl
-      }));
-    }
-  });
-}
 export {
   useWorkflowComposer,
   useSpecContent,