@contractspec/bundle.library 3.7.6 → 3.8.2

package/dist/node/components/integrations/index.js

@@ -1,6 +1,6 @@
 // src/components/integrations/molecules/IntegrationCard.tsx
-import { PlugZap, ToggleRight } from "lucide-react";
 import { Button } from "@contractspec/lib.design-system";
+import { PlugZap, ToggleRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function IntegrationCard({
   id,
@@ -15,7 +15,7 @@ function IntegrationCard({
 }) {
   const tone = status === "connected" ? "text-emerald-500 bg-emerald-500/10 border-emerald-500/30" : status === "error" ? "text-red-500 bg-red-500/10 border-red-500/30" : "text-gray-500 bg-gray-500/10 border-gray-500/30";
   return /* @__PURE__ */ jsxs("div", {
-    className: "border-border bg-card flex flex-col gap-4 rounded-2xl border p-4 shadow-sm",
+    className: "flex flex-col gap-4 rounded-2xl border border-border bg-card p-4 shadow-sm",
     children: [
       /* @__PURE__ */ jsxs("header", {
         className: "flex items-center justify-between",
@@ -23,7 +23,7 @@ function IntegrationCard({
           /* @__PURE__ */ jsxs("div", {
             children: [
               /* @__PURE__ */ jsx("p", {
-                className: "text-xl font-semibold",
+                className: "font-semibold text-xl",
                 children: name
               }),
               /* @__PURE__ */ jsx("p", {
@@ -35,7 +35,7 @@ function IntegrationCard({
           /* @__PURE__ */ jsxs(Button, {
             variant: "outline",
             size: "sm",
-            className: `inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs font-semibold tracking-wide uppercase ${tone}`,
+            className: `inline-flex items-center gap-2 rounded-full border px-3 py-1 font-semibold text-xs uppercase tracking-wide ${tone}`,
             onPress: () => onToggle?.(id, !enabled),
             children: [
               /* @__PURE__ */ jsx(ToggleRight, {
@@ -54,7 +54,7 @@ function IntegrationCard({
             children: category
           }),
           /* @__PURE__ */ jsxs("div", {
-            className: "mt-2 flex flex-wrap items-center gap-3 text-xs tracking-wide uppercase",
+            className: "mt-2 flex flex-wrap items-center gap-3 text-xs uppercase tracking-wide",
             children: [
               /* @__PURE__ */ jsxs("span", {
                 className: "inline-flex items-center gap-1",
@@ -97,8 +97,6 @@ function IntegrationCard({
 }
 
 // src/components/integrations/organisms/IntegrationMarketplace.tsx
-import * as React from "react";
-import { Boxes, Search } from "lucide-react";
 import { Input } from "@contractspec/lib.design-system";
 import {
   Select,
@@ -107,6 +105,8 @@ import {
   SelectTrigger,
   SelectValue
 } from "@contractspec/lib.ui-kit-web/ui/select";
+import { Boxes, Search } from "lucide-react";
+import * as React from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function IntegrationMarketplace({
   integrations,
@@ -122,7 +122,7 @@ function IntegrationMarketplace({
     return matchesSearch && matchesCategory;
   });
   return /* @__PURE__ */ jsxs2("div", {
-    className: "border-border bg-card space-y-4 rounded-2xl border p-4",
+    className: "space-y-4 rounded-2xl border border-border bg-card p-4",
     children: [
       /* @__PURE__ */ jsxs2("header", {
         className: "flex flex-wrap items-center justify-between gap-3",
@@ -130,7 +130,7 @@ function IntegrationMarketplace({
           /* @__PURE__ */ jsxs2("div", {
             children: [
               /* @__PURE__ */ jsx2("p", {
-                className: "text-sm font-semibold tracking-wide uppercase",
+                className: "font-semibold text-sm uppercase tracking-wide",
                 children: "Integration marketplace"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -140,7 +140,7 @@ function IntegrationMarketplace({
             ]
           }),
           /* @__PURE__ */ jsx2(Boxes, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           })
         ]
       }),
@@ -151,7 +151,7 @@ function IntegrationMarketplace({
             className: "relative min-w-[200px] flex-1",
             children: [
               /* @__PURE__ */ jsx2(Search, {
-                className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
+                className: "pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground"
               }),
               /* @__PURE__ */ jsx2(Input, {
                 type: "search",
@@ -202,7 +202,7 @@ function IntegrationMarketplace({
           onToggle,
           onConfigure
         }, integration.id)) : /* @__PURE__ */ jsx2("div", {
-          className: "text-muted-foreground border-border rounded-xl border border-dashed p-6 text-center text-sm md:col-span-2",
+          className: "rounded-xl border border-border border-dashed p-6 text-center text-muted-foreground text-sm md:col-span-2",
           children: "No integrations match your filters."
         })
       })
@@ -211,8 +211,6 @@ function IntegrationMarketplace({
 }
 
 // src/components/integrations/organisms/IntegrationSettings.tsx
-import * as React2 from "react";
-import { ShieldCheck, Key, TestTube2 } from "lucide-react";
 import { Button as Button2, Input as Input2, Textarea } from "@contractspec/lib.design-system";
 import { Checkbox } from "@contractspec/lib.ui-kit-web/ui/checkbox";
 import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
@@ -223,6 +221,8 @@ import {
   SelectTrigger as SelectTrigger2,
   SelectValue as SelectValue2
 } from "@contractspec/lib.ui-kit-web/ui/select";
+import { Key, ShieldCheck, TestTube2 } from "lucide-react";
+import * as React2 from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function IntegrationSettings({
   provider,
@@ -251,7 +251,7 @@ function IntegrationSettings({
     }));
   };
   return /* @__PURE__ */ jsxs3("div", {
-    className: "border-border bg-card space-y-4 rounded-2xl border p-4",
+    className: "space-y-4 rounded-2xl border border-border bg-card p-4",
     children: [
       /* @__PURE__ */ jsxs3("header", {
         className: "flex flex-wrap items-center justify-between gap-3",
@@ -259,7 +259,7 @@ function IntegrationSettings({
           /* @__PURE__ */ jsxs3("div", {
             children: [
               /* @__PURE__ */ jsxs3("p", {
-                className: "text-sm font-semibold tracking-wide uppercase",
+                className: "font-semibold text-sm uppercase tracking-wide",
                 children: [
                   provider,
                   " credentials"
@@ -272,7 +272,7 @@ function IntegrationSettings({
             ]
           }),
           /* @__PURE__ */ jsx3(ShieldCheck, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           })
         ]
       }),
@@ -329,7 +329,7 @@ function IntegrationSettings({
                 className: "relative",
                 children: [
                   /* @__PURE__ */ jsx3(Key, {
-                    className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
+                    className: "pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground"
                   }),
                   /* @__PURE__ */ jsx3(Input2, {
                     type: "text",
@@ -368,7 +368,7 @@ function IntegrationSettings({
         className: "space-y-4 rounded-xl border border-blue-500/20 bg-blue-500/5 p-4",
         children: [
           /* @__PURE__ */ jsx3("p", {
-            className: "text-sm font-semibold",
+            className: "font-semibold text-sm",
             children: "BYOK secret reference"
           }),
           /* @__PURE__ */ jsxs3("div", {
@@ -503,7 +503,7 @@ function KnowledgeSourceList({
   onAdd
 }) {
   return /* @__PURE__ */ jsxs4("div", {
-    className: "border-border bg-card space-y-4 rounded-2xl border p-4",
+    className: "space-y-4 rounded-2xl border border-border bg-card p-4",
     children: [
       /* @__PURE__ */ jsxs4("header", {
         className: "flex flex-wrap items-center justify-between gap-3",
@@ -511,7 +511,7 @@ function KnowledgeSourceList({
           /* @__PURE__ */ jsxs4("div", {
             children: [
               /* @__PURE__ */ jsx4("p", {
-                className: "text-sm font-semibold tracking-wide uppercase",
+                className: "font-semibold text-sm uppercase tracking-wide",
                 children: "Knowledge sources"
               }),
               /* @__PURE__ */ jsx4("p", {
@@ -536,18 +536,18 @@ function KnowledgeSourceList({
       /* @__PURE__ */ jsx4("div", {
         className: "space-y-3",
         children: sources.length ? sources.map((source) => /* @__PURE__ */ jsxs4("div", {
-          className: "border-border bg-background flex flex-wrap items-center justify-between gap-3 rounded-xl border p-4",
+          className: "flex flex-wrap items-center justify-between gap-3 rounded-xl border border-border bg-background p-4",
           children: [
             /* @__PURE__ */ jsxs4("div", {
               className: "flex items-center gap-3",
               children: [
                 /* @__PURE__ */ jsx4(BookCopy, {
-                  className: "text-muted-foreground h-8 w-8"
+                  className: "h-8 w-8 text-muted-foreground"
                 }),
                 /* @__PURE__ */ jsxs4("div", {
                   children: [
                     /* @__PURE__ */ jsx4("p", {
-                      className: "text-base font-semibold",
+                      className: "font-semibold text-base",
                       children: source.name
                     }),
                     /* @__PURE__ */ jsx4("p", {
@@ -586,7 +586,7 @@ function KnowledgeSourceList({
             })
           ]
         }, source.id)) : /* @__PURE__ */ jsx4("div", {
-          className: "text-muted-foreground border-border rounded-xl border border-dashed p-6 text-center text-sm",
+          className: "rounded-xl border border-border border-dashed p-6 text-center text-muted-foreground text-sm",
           children: "No knowledge sources added yet."
         })
       })

package/dist/node/components/integrations/molecules/IntegrationCard.js

@@ -1,6 +1,6 @@
 // src/components/integrations/molecules/IntegrationCard.tsx
-import { PlugZap, ToggleRight } from "lucide-react";
 import { Button } from "@contractspec/lib.design-system";
+import { PlugZap, ToggleRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function IntegrationCard({
   id,
@@ -15,7 +15,7 @@ function IntegrationCard({
 }) {
   const tone = status === "connected" ? "text-emerald-500 bg-emerald-500/10 border-emerald-500/30" : status === "error" ? "text-red-500 bg-red-500/10 border-red-500/30" : "text-gray-500 bg-gray-500/10 border-gray-500/30";
   return /* @__PURE__ */ jsxs("div", {
-    className: "border-border bg-card flex flex-col gap-4 rounded-2xl border p-4 shadow-sm",
+    className: "flex flex-col gap-4 rounded-2xl border border-border bg-card p-4 shadow-sm",
     children: [
       /* @__PURE__ */ jsxs("header", {
         className: "flex items-center justify-between",
@@ -23,7 +23,7 @@ function IntegrationCard({
           /* @__PURE__ */ jsxs("div", {
             children: [
               /* @__PURE__ */ jsx("p", {
-                className: "text-xl font-semibold",
+                className: "font-semibold text-xl",
                 children: name
               }),
               /* @__PURE__ */ jsx("p", {
@@ -35,7 +35,7 @@ function IntegrationCard({
           /* @__PURE__ */ jsxs(Button, {
             variant: "outline",
             size: "sm",
-            className: `inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs font-semibold tracking-wide uppercase ${tone}`,
+            className: `inline-flex items-center gap-2 rounded-full border px-3 py-1 font-semibold text-xs uppercase tracking-wide ${tone}`,
             onPress: () => onToggle?.(id, !enabled),
             children: [
               /* @__PURE__ */ jsx(ToggleRight, {
@@ -54,7 +54,7 @@ function IntegrationCard({
             children: category
           }),
           /* @__PURE__ */ jsxs("div", {
-            className: "mt-2 flex flex-wrap items-center gap-3 text-xs tracking-wide uppercase",
+            className: "mt-2 flex flex-wrap items-center gap-3 text-xs uppercase tracking-wide",
             children: [
               /* @__PURE__ */ jsxs("span", {
                 className: "inline-flex items-center gap-1",

package/dist/node/components/integrations/organisms/IntegrationMarketplace.js

@@ -1,6 +1,6 @@
 // src/components/integrations/molecules/IntegrationCard.tsx
-import { PlugZap, ToggleRight } from "lucide-react";
 import { Button } from "@contractspec/lib.design-system";
+import { PlugZap, ToggleRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function IntegrationCard({
   id,
@@ -15,7 +15,7 @@ function IntegrationCard({
 }) {
   const tone = status === "connected" ? "text-emerald-500 bg-emerald-500/10 border-emerald-500/30" : status === "error" ? "text-red-500 bg-red-500/10 border-red-500/30" : "text-gray-500 bg-gray-500/10 border-gray-500/30";
   return /* @__PURE__ */ jsxs("div", {
-    className: "border-border bg-card flex flex-col gap-4 rounded-2xl border p-4 shadow-sm",
+    className: "flex flex-col gap-4 rounded-2xl border border-border bg-card p-4 shadow-sm",
     children: [
       /* @__PURE__ */ jsxs("header", {
         className: "flex items-center justify-between",
@@ -23,7 +23,7 @@ function IntegrationCard({
           /* @__PURE__ */ jsxs("div", {
             children: [
               /* @__PURE__ */ jsx("p", {
-                className: "text-xl font-semibold",
+                className: "font-semibold text-xl",
                 children: name
               }),
               /* @__PURE__ */ jsx("p", {
@@ -35,7 +35,7 @@ function IntegrationCard({
           /* @__PURE__ */ jsxs(Button, {
             variant: "outline",
             size: "sm",
-            className: `inline-flex items-center gap-2 rounded-full border px-3 py-1 text-xs font-semibold tracking-wide uppercase ${tone}`,
+            className: `inline-flex items-center gap-2 rounded-full border px-3 py-1 font-semibold text-xs uppercase tracking-wide ${tone}`,
             onPress: () => onToggle?.(id, !enabled),
             children: [
               /* @__PURE__ */ jsx(ToggleRight, {
@@ -54,7 +54,7 @@ function IntegrationCard({
             children: category
           }),
           /* @__PURE__ */ jsxs("div", {
-            className: "mt-2 flex flex-wrap items-center gap-3 text-xs tracking-wide uppercase",
+            className: "mt-2 flex flex-wrap items-center gap-3 text-xs uppercase tracking-wide",
             children: [
               /* @__PURE__ */ jsxs("span", {
                 className: "inline-flex items-center gap-1",
@@ -97,8 +97,6 @@ function IntegrationCard({
 }
 
 // src/components/integrations/organisms/IntegrationMarketplace.tsx
-import * as React from "react";
-import { Boxes, Search } from "lucide-react";
 import { Input } from "@contractspec/lib.design-system";
 import {
   Select,
@@ -107,6 +105,8 @@ import {
   SelectTrigger,
   SelectValue
 } from "@contractspec/lib.ui-kit-web/ui/select";
+import { Boxes, Search } from "lucide-react";
+import * as React from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function IntegrationMarketplace({
   integrations,
@@ -122,7 +122,7 @@ function IntegrationMarketplace({
     return matchesSearch && matchesCategory;
   });
   return /* @__PURE__ */ jsxs2("div", {
-    className: "border-border bg-card space-y-4 rounded-2xl border p-4",
+    className: "space-y-4 rounded-2xl border border-border bg-card p-4",
     children: [
       /* @__PURE__ */ jsxs2("header", {
         className: "flex flex-wrap items-center justify-between gap-3",
@@ -130,7 +130,7 @@ function IntegrationMarketplace({
           /* @__PURE__ */ jsxs2("div", {
             children: [
               /* @__PURE__ */ jsx2("p", {
-                className: "text-sm font-semibold tracking-wide uppercase",
+                className: "font-semibold text-sm uppercase tracking-wide",
                 children: "Integration marketplace"
               }),
               /* @__PURE__ */ jsx2("p", {
@@ -140,7 +140,7 @@ function IntegrationMarketplace({
             ]
           }),
           /* @__PURE__ */ jsx2(Boxes, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           })
         ]
       }),
@@ -151,7 +151,7 @@ function IntegrationMarketplace({
             className: "relative min-w-[200px] flex-1",
             children: [
               /* @__PURE__ */ jsx2(Search, {
-                className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
+                className: "pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground"
               }),
               /* @__PURE__ */ jsx2(Input, {
                 type: "search",
@@ -202,7 +202,7 @@ function IntegrationMarketplace({
           onToggle,
           onConfigure
         }, integration.id)) : /* @__PURE__ */ jsx2("div", {
-          className: "text-muted-foreground border-border rounded-xl border border-dashed p-6 text-center text-sm md:col-span-2",
+          className: "rounded-xl border border-border border-dashed p-6 text-center text-muted-foreground text-sm md:col-span-2",
           children: "No integrations match your filters."
         })
       })

package/dist/node/components/integrations/organisms/IntegrationSettings.js

@@ -1,6 +1,4 @@
 // src/components/integrations/organisms/IntegrationSettings.tsx
-import * as React from "react";
-import { ShieldCheck, Key, TestTube2 } from "lucide-react";
 import { Button, Input, Textarea } from "@contractspec/lib.design-system";
 import { Checkbox } from "@contractspec/lib.ui-kit-web/ui/checkbox";
 import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
@@ -11,6 +9,8 @@ import {
   SelectTrigger,
   SelectValue
 } from "@contractspec/lib.ui-kit-web/ui/select";
+import { Key, ShieldCheck, TestTube2 } from "lucide-react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function IntegrationSettings({
   provider,
@@ -39,7 +39,7 @@ function IntegrationSettings({
     }));
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: "border-border bg-card space-y-4 rounded-2xl border p-4",
+    className: "space-y-4 rounded-2xl border border-border bg-card p-4",
     children: [
       /* @__PURE__ */ jsxs("header", {
         className: "flex flex-wrap items-center justify-between gap-3",
@@ -47,7 +47,7 @@ function IntegrationSettings({
           /* @__PURE__ */ jsxs("div", {
             children: [
               /* @__PURE__ */ jsxs("p", {
-                className: "text-sm font-semibold tracking-wide uppercase",
+                className: "font-semibold text-sm uppercase tracking-wide",
                 children: [
                   provider,
                   " credentials"
@@ -60,7 +60,7 @@ function IntegrationSettings({
             ]
           }),
           /* @__PURE__ */ jsx(ShieldCheck, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           })
         ]
       }),
@@ -117,7 +117,7 @@ function IntegrationSettings({
                 className: "relative",
                 children: [
                   /* @__PURE__ */ jsx(Key, {
-                    className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
+                    className: "pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground"
                   }),
                   /* @__PURE__ */ jsx(Input, {
                     type: "text",
@@ -156,7 +156,7 @@ function IntegrationSettings({
         className: "space-y-4 rounded-xl border border-blue-500/20 bg-blue-500/5 p-4",
         children: [
           /* @__PURE__ */ jsx("p", {
-            className: "text-sm font-semibold",
+            className: "font-semibold text-sm",
             children: "BYOK secret reference"
           }),
           /* @__PURE__ */ jsxs("div", {

package/dist/node/components/integrations/organisms/KnowledgeSourceList.js

@@ -8,7 +8,7 @@ function KnowledgeSourceList({
   onAdd
 }) {
   return /* @__PURE__ */ jsxs("div", {
-    className: "border-border bg-card space-y-4 rounded-2xl border p-4",
+    className: "space-y-4 rounded-2xl border border-border bg-card p-4",
     children: [
       /* @__PURE__ */ jsxs("header", {
         className: "flex flex-wrap items-center justify-between gap-3",
@@ -16,7 +16,7 @@ function KnowledgeSourceList({
           /* @__PURE__ */ jsxs("div", {
             children: [
               /* @__PURE__ */ jsx("p", {
-                className: "text-sm font-semibold tracking-wide uppercase",
+                className: "font-semibold text-sm uppercase tracking-wide",
                 children: "Knowledge sources"
               }),
               /* @__PURE__ */ jsx("p", {
@@ -41,18 +41,18 @@ function KnowledgeSourceList({
       /* @__PURE__ */ jsx("div", {
         className: "space-y-3",
         children: sources.length ? sources.map((source) => /* @__PURE__ */ jsxs("div", {
-          className: "border-border bg-background flex flex-wrap items-center justify-between gap-3 rounded-xl border p-4",
+          className: "flex flex-wrap items-center justify-between gap-3 rounded-xl border border-border bg-background p-4",
           children: [
             /* @__PURE__ */ jsxs("div", {
               className: "flex items-center gap-3",
               children: [
                 /* @__PURE__ */ jsx(BookCopy, {
-                  className: "text-muted-foreground h-8 w-8"
+                  className: "h-8 w-8 text-muted-foreground"
                 }),
                 /* @__PURE__ */ jsxs("div", {
                   children: [
                     /* @__PURE__ */ jsx("p", {
-                      className: "text-base font-semibold",
+                      className: "font-semibold text-base",
                       children: source.name
                     }),
                     /* @__PURE__ */ jsx("p", {
@@ -91,7 +91,7 @@ function KnowledgeSourceList({
             })
           ]
         }, source.id)) : /* @__PURE__ */ jsx("div", {
-          className: "text-muted-foreground border-border rounded-xl border border-dashed p-6 text-center text-sm",
+          className: "rounded-xl border border-border border-dashed p-6 text-center text-muted-foreground text-sm",
           children: "No knowledge sources added yet."
         })
       })