@contractspec/bundle.library 3.7.6 → 3.8.2

package/dist/components/integrations/index.js

@@ -1,7 +1,7 @@
 // @bun
 // 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,
@@ -16,7 +16,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",
@@ -24,7 +24,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", {
@@ -36,7 +36,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, {
@@ -55,7 +55,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",
@@ -98,8 +98,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,
@@ -108,6 +106,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,
@@ -123,7 +123,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",
@@ -131,7 +131,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", {
@@ -141,7 +141,7 @@ function IntegrationMarketplace({
             ]
           }),
           /* @__PURE__ */ jsx2(Boxes, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           })
         ]
       }),
@@ -152,7 +152,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",
@@ -203,7 +203,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."
         })
       })
@@ -212,8 +212,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";
@@ -224,6 +222,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,
@@ -252,7 +252,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",
@@ -260,7 +260,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"
@@ -273,7 +273,7 @@ function IntegrationSettings({
             ]
           }),
           /* @__PURE__ */ jsx3(ShieldCheck, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           })
         ]
       }),
@@ -330,7 +330,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",
@@ -369,7 +369,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", {
@@ -504,7 +504,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",
@@ -512,7 +512,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", {
@@ -537,18 +537,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", {
@@ -587,7 +587,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/components/integrations/molecules/IntegrationCard.js

@@ -1,7 +1,7 @@
 // @bun
 // 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,
@@ -16,7 +16,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",
@@ -24,7 +24,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", {
@@ -36,7 +36,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, {
@@ -55,7 +55,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/components/integrations/organisms/IntegrationMarketplace.js

@@ -1,7 +1,7 @@
 // @bun
 // 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,
@@ -16,7 +16,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",
@@ -24,7 +24,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", {
@@ -36,7 +36,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, {
@@ -55,7 +55,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",
@@ -98,8 +98,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,
@@ -108,6 +106,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,
@@ -123,7 +123,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",
@@ -131,7 +131,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", {
@@ -141,7 +141,7 @@ function IntegrationMarketplace({
             ]
           }),
           /* @__PURE__ */ jsx2(Boxes, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           })
         ]
       }),
@@ -152,7 +152,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",
@@ -203,7 +203,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/components/integrations/organisms/IntegrationSettings.js

@@ -1,7 +1,5 @@
 // @bun
 // 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";
@@ -12,6 +10,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,
@@ -40,7 +40,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",
@@ -48,7 +48,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"
@@ -61,7 +61,7 @@ function IntegrationSettings({
             ]
           }),
           /* @__PURE__ */ jsx(ShieldCheck, {
-            className: "text-muted-foreground h-5 w-5"
+            className: "h-5 w-5 text-muted-foreground"
           })
         ]
       }),
@@ -118,7 +118,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",
@@ -157,7 +157,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/components/integrations/organisms/KnowledgeSourceList.js

@@ -9,7 +9,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",
@@ -17,7 +17,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", {
@@ -42,18 +42,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", {
@@ -92,7 +92,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."
         })
       })