@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.20.1 → 0.5.0-beta.22.1

package/dist/components/composed/Main/TemplateSidebarCard.js

@@ -0,0 +1,71 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { Button as u } from "../../ui/button.js";
+import { Card as f, CardContent as x } from "../../ui/card.js";
+import { cn as n } from "../../../lib/utils.js";
+const C = ({
+  title: d,
+  description: i,
+  buttonText: t,
+  linkText: a,
+  status: l = "default",
+  onButtonClick: m,
+  onLinkClick: c,
+  className: p
+}) => {
+  const e = l === "disabled";
+  return /* @__PURE__ */ r(
+    f,
+    {
+      className: n(
+        "hover:bg-secondary/50 transition-colors duration-200 ease-in-out",
+        e ? "cursor-not-allowed" : "cursor-pointer",
+        p
+      ),
+      size: "sm",
+      children: /* @__PURE__ */ s(x, { children: [
+        /* @__PURE__ */ r(
+          "h3",
+          {
+            className: n(
+              "m-0 mb-1 text-base font-semibold leading-6",
+              e ? "text-disabled" : "text-default"
+            ),
+            children: d
+          }
+        ),
+        i && /* @__PURE__ */ r("p", { className: "m-0 mb-4 text-muted-foreground text-[13px] font-normal leading-5", children: i }),
+        (t || a) && /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
+          t && /* @__PURE__ */ r(
+            u,
+            {
+              variant: "secondary",
+              size: "sm",
+              disabled: e,
+              onClick: (o) => {
+                o.stopPropagation(), m?.();
+              },
+              children: t
+            }
+          ),
+          a && /* @__PURE__ */ r(
+            "button",
+            {
+              className: n(
+                "no-underline text-[13px] font-medium leading-[18px]",
+                e ? "text-[var(--muted)] cursor-not-allowed" : "text-[var(--primary)] cursor-pointer hover:underline"
+              ),
+              onClick: (o) => {
+                o.preventDefault(), o.stopPropagation(), e || c?.();
+              },
+              children: a
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  C as TemplateSidebarCard
+};
+//# sourceMappingURL=TemplateSidebarCard.js.map

package/dist/components/composed/Main/TemplateSidebarCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateSidebarCard.js","sources":["../../../../src/components/composed/Main/TemplateSidebarCard.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { cn } from \"@/lib/utils\";\n\nexport type TemplateSidebarCardStatus = \"default\" | \"active\" | \"disabled\";\n\nexport interface TemplateSidebarCardProps {\n  title: string;\n  description?: string;\n  buttonText?: string;\n  linkText?: string;\n  status?: TemplateSidebarCardStatus;\n  onButtonClick?: () => void;\n  onLinkClick?: () => void;\n  className?: string;\n}\n\nexport const TemplateSidebarCard: React.FC<TemplateSidebarCardProps> = ({\n  title,\n  description,\n  buttonText,\n  linkText,\n  status = \"default\",\n  onButtonClick,\n  onLinkClick,\n  className,\n}) => {\n  const disabled = status === \"disabled\";\n\n  return (\n    <Card\n      className={cn(\n        \"hover:bg-secondary/50 transition-colors duration-200 ease-in-out\",\n        disabled ? \"cursor-not-allowed\" : \"cursor-pointer\",\n        className\n      )}\n      size=\"sm\"\n    >\n      <CardContent>\n        <h3\n          className={cn(\n            \"m-0 mb-1 text-base font-semibold leading-6\",\n            disabled ? \"text-disabled\" : \"text-default\"\n          )}\n        >\n          {title}\n        </h3>\n        {description && (\n          <p className=\"m-0 mb-4 text-muted-foreground text-[13px] font-normal leading-5\">\n            {description}\n          </p>\n        )}\n        {(buttonText || linkText) && (\n          <div className=\"flex items-center gap-4\">\n            {buttonText && (\n              <Button\n                variant=\"secondary\"\n                size=\"sm\"\n                disabled={disabled}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  onButtonClick?.();\n                }}\n              >\n                {buttonText}\n              </Button>\n            )}\n            {linkText && (\n              <button\n                className={cn(\n                  \"no-underline text-[13px] font-medium leading-[18px]\",\n                  disabled\n                    ? \"text-[var(--muted)] cursor-not-allowed\"\n                    : \"text-[var(--primary)] cursor-pointer hover:underline\"\n                )}\n                onClick={(event) => {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  if (!disabled) onLinkClick?.();\n                }}\n              >\n                {linkText}\n              </button>\n            )}\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["TemplateSidebarCard","title","description","buttonText","linkText","status","onButtonClick","onLinkClick","className","disabled","jsx","Card","cn","CardContent","jsxs","Button","event"],"mappings":";;;;AAmBO,MAAMA,IAA0D,CAAC;AAAA,EACtE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAWJ,MAAW;AAE5B,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAH,IAAW,uBAAuB;AAAA,QAClCD;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MAEL,4BAACK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACT;AAAA,cACAH,IAAW,kBAAkB;AAAA,YAAA;AAAA,YAG9B,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFC,KACC,gBAAAQ,EAAC,KAAA,EAAE,WAAU,oEACV,UAAAR,GACH;AAAA,SAEAC,KAAcC,MACd,gBAAAU,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,UAAAX,KACC,gBAAAO;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,UAAAN;AAAA,cACA,SAAS,CAACO,MAAU;AAClB,gBAAAA,EAAM,gBAAA,GACNV,IAAA;AAAA,cACF;AAAA,cAEC,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJC,KACC,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE;AAAA,gBACT;AAAA,gBACAH,IACI,2CACA;AAAA,cAAA;AAAA,cAEN,SAAS,CAACO,MAAU;AAClB,gBAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACDP,KAAUF,IAAA;AAAA,cACjB;AAAA,cAEC,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/composed/Navbar/Navbar.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("lucide-react"),t=()=>e.jsx("div",{className:"rounded flex items-center justify-center",children:e.jsx(l.Building,{})}),c=()=>e.jsx(l.Lamp,{}),i=({organization:s})=>e.jsxs("div",{className:"flex items-center h-20 w-full pt-3 pr-6 pb-3 pl-32 box-border gap-10",children:[e.jsx("div",{className:"flex items-center h-full",children:e.jsxs("div",{className:"flex flex-col",children:[e.jsx("div",{className:"uppercase mb-0.5 text-[10px] font-medium leading-4 tracking-[0.2px]",children:"ORGANIZATION"}),e.jsxs("div",{className:"flex items-center gap-2 w-80",children:[e.jsx("div",{className:"flex items-center justify-center",children:s.logo||e.jsx(t,{})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium leading-[22px]",children:s.name}),s.subtext&&e.jsx("div",{className:"text-muted-foreground text-xs italic font-medium leading-4",children:s.subtext})]})]})]})}),e.jsx("div",{className:"flex items-center h-full",children:e.jsxs("div",{className:"flex flex-col",children:[e.jsx("div",{className:"uppercase mb-0.5 text-[10px] font-medium leading-4 tracking-[0.2px]",children:"PROJECT"}),e.jsxs("div",{className:"flex items-center py-1.5 rounded gap-2",children:[e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(c,{})}),e.jsx("div",{className:"text-muted-foreground text-sm font-medium leading-[22px]",children:"Not Selected"})]})]})})]});module.exports=i;
+//# sourceMappingURL=Navbar.cjs.map

package/dist/components/composed/Navbar/Navbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.cjs","sources":["../../../../src/components/composed/Navbar/Navbar.tsx"],"sourcesContent":["import { Building, Lamp } from \"lucide-react\";\nimport React from \"react\";\n\n// Types\ninterface OrganizationInfo {\n  name: string;\n  subtext?: string;\n  logo?: React.ReactNode;\n}\n\nexport interface NavbarProps {\n  organization: OrganizationInfo;\n}\n\n// Default logo component\nconst DefaultLogo = () => (\n  <div className=\"rounded flex items-center justify-center\">\n    <Building />\n  </div>\n);\n\n// Default project icon\nconst DefaultProjectIcon = () => (\n  <Lamp />\n);\n\nconst Navbar: React.FC<NavbarProps> = ({ organization }) => {\n  return (\n    <div className=\"flex items-center h-20 w-full pt-3 pr-6 pb-3 pl-32 box-border gap-10\">\n      <div className=\"flex items-center h-full\">\n        <div className=\"flex flex-col\">\n          <div className=\"uppercase mb-0.5 text-[10px] font-medium leading-4 tracking-[0.2px]\">\n            ORGANIZATION\n          </div>\n          <div className=\"flex items-center gap-2 w-80\">\n            <div className=\"flex items-center justify-center\">\n              {organization.logo || <DefaultLogo />}\n            </div>\n            <div>\n              <div className=\"text-sm font-medium leading-[22px]\">\n                {organization.name}\n              </div>\n              {organization.subtext && (\n                <div className=\"text-muted-foreground text-xs italic font-medium leading-4\">\n                  {organization.subtext}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-center h-full\">\n        <div className=\"flex flex-col\">\n          <div className=\"uppercase mb-0.5 text-[10px] font-medium leading-4 tracking-[0.2px]\">\n            PROJECT\n          </div>\n          <div className=\"flex items-center py-1.5 rounded gap-2\">\n            <div className=\"flex items-center justify-center\">\n              <DefaultProjectIcon />\n            </div>\n            <div className=\"text-muted-foreground text-sm font-medium leading-[22px]\">\n              {\"Not Selected\"}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Navbar;\n"],"names":["DefaultLogo","jsx","Building","DefaultProjectIcon","Lamp","Navbar","organization","jsxs"],"mappings":"4EAeMA,EAAc,IAClBC,EAAAA,IAAC,MAAA,CAAI,UAAU,2CACb,SAAAA,EAAAA,IAACC,aAAS,CAAA,CACZ,EAIIC,EAAqB,IACzBF,EAAAA,IAACG,EAAAA,KAAA,EAAK,EAGFC,EAAgC,CAAC,CAAE,aAAAC,KAErCC,EAAAA,KAAC,MAAA,CAAI,UAAU,uEACb,SAAA,CAAAN,EAAAA,IAAC,OAAI,UAAU,2BACb,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,UAAU,sEAAsE,SAAA,eAErF,EACAM,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAN,EAAAA,IAAC,OAAI,UAAU,mCACZ,WAAa,MAAQA,EAAAA,IAACD,IAAY,CAAA,CACrC,SACC,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,qCACZ,SAAAK,EAAa,KAChB,EACCA,EAAa,SACZL,EAAAA,IAAC,OAAI,UAAU,6DACZ,WAAa,OAAA,CAChB,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,QAEC,MAAA,CAAI,UAAU,2BACb,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,UAAU,sEAAsE,SAAA,UAErF,EACAM,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAN,MAAC,MAAA,CAAI,UAAU,mCACb,SAAAA,MAACE,IAAmB,EACtB,EACAF,EAAAA,IAAC,MAAA,CAAI,UAAU,2DACZ,SAAA,cAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EACF"}

package/dist/components/composed/Navbar/Navbar.js

@@ -0,0 +1,25 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Building as c, Lamp as i } from "lucide-react";
+const s = () => /* @__PURE__ */ e("div", { className: "rounded flex items-center justify-center", children: /* @__PURE__ */ e(c, {}) }), d = () => /* @__PURE__ */ e(i, {}), m = ({ organization: t }) => /* @__PURE__ */ l("div", { className: "flex items-center h-20 w-full pt-3 pr-6 pb-3 pl-32 box-border gap-10", children: [
+  /* @__PURE__ */ e("div", { className: "flex items-center h-full", children: /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "uppercase mb-0.5 text-[10px] font-medium leading-4 tracking-[0.2px]", children: "ORGANIZATION" }),
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2 w-80", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: t.logo || /* @__PURE__ */ e(s, {}) }),
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-medium leading-[22px]", children: t.name }),
+        t.subtext && /* @__PURE__ */ e("div", { className: "text-muted-foreground text-xs italic font-medium leading-4", children: t.subtext })
+      ] })
+    ] })
+  ] }) }),
+  /* @__PURE__ */ e("div", { className: "flex items-center h-full", children: /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "uppercase mb-0.5 text-[10px] font-medium leading-4 tracking-[0.2px]", children: "PROJECT" }),
+    /* @__PURE__ */ l("div", { className: "flex items-center py-1.5 rounded gap-2", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(d, {}) }),
+      /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm font-medium leading-[22px]", children: "Not Selected" })
+    ] })
+  ] }) })
+] });
+export {
+  m as default
+};
+//# sourceMappingURL=Navbar.js.map

package/dist/components/composed/Navbar/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sources":["../../../../src/components/composed/Navbar/Navbar.tsx"],"sourcesContent":["import { Building, Lamp } from \"lucide-react\";\nimport React from \"react\";\n\n// Types\ninterface OrganizationInfo {\n  name: string;\n  subtext?: string;\n  logo?: React.ReactNode;\n}\n\nexport interface NavbarProps {\n  organization: OrganizationInfo;\n}\n\n// Default logo component\nconst DefaultLogo = () => (\n  <div className=\"rounded flex items-center justify-center\">\n    <Building />\n  </div>\n);\n\n// Default project icon\nconst DefaultProjectIcon = () => (\n  <Lamp />\n);\n\nconst Navbar: React.FC<NavbarProps> = ({ organization }) => {\n  return (\n    <div className=\"flex items-center h-20 w-full pt-3 pr-6 pb-3 pl-32 box-border gap-10\">\n      <div className=\"flex items-center h-full\">\n        <div className=\"flex flex-col\">\n          <div className=\"uppercase mb-0.5 text-[10px] font-medium leading-4 tracking-[0.2px]\">\n            ORGANIZATION\n          </div>\n          <div className=\"flex items-center gap-2 w-80\">\n            <div className=\"flex items-center justify-center\">\n              {organization.logo || <DefaultLogo />}\n            </div>\n            <div>\n              <div className=\"text-sm font-medium leading-[22px]\">\n                {organization.name}\n              </div>\n              {organization.subtext && (\n                <div className=\"text-muted-foreground text-xs italic font-medium leading-4\">\n                  {organization.subtext}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-center h-full\">\n        <div className=\"flex flex-col\">\n          <div className=\"uppercase mb-0.5 text-[10px] font-medium leading-4 tracking-[0.2px]\">\n            PROJECT\n          </div>\n          <div className=\"flex items-center py-1.5 rounded gap-2\">\n            <div className=\"flex items-center justify-center\">\n              <DefaultProjectIcon />\n            </div>\n            <div className=\"text-muted-foreground text-sm font-medium leading-[22px]\">\n              {\"Not Selected\"}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Navbar;\n"],"names":["DefaultLogo","jsx","Building","DefaultProjectIcon","Lamp","Navbar","organization","jsxs"],"mappings":";;AAeA,MAAMA,IAAc,MAClB,gBAAAC,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA,gBAAAA,EAACC,KAAS,EAAA,CACZ,GAIIC,IAAqB,MACzB,gBAAAF,EAACG,GAAA,EAAK,GAGFC,IAAgC,CAAC,EAAE,cAAAC,QAErC,gBAAAC,EAAC,OAAA,EAAI,WAAU,wEACb,UAAA;AAAA,EAAA,gBAAAN,EAAC,SAAI,WAAU,4BACb,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,uEAAsE,UAAA,gBAErF;AAAA,IACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA,gBAAAN,EAAC,SAAI,WAAU,oCACZ,YAAa,QAAQ,gBAAAA,EAACD,KAAY,EAAA,CACrC;AAAA,wBACC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,sCACZ,UAAAK,EAAa,MAChB;AAAA,QACCA,EAAa,WACZ,gBAAAL,EAAC,SAAI,WAAU,8DACZ,YAAa,QAAA,CAChB;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAAA,oBAEC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,uEAAsE,UAAA,WAErF;AAAA,IACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,oCACb,UAAA,gBAAAA,EAACE,KAAmB,GACtB;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,4DACZ,UAAA,eAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAAA,GACF;"}

package/dist/components/composed/ProtocolConfiguration/ProtocolConfiguration.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),n=require("lucide-react"),o=require("react"),c=require("../../ui/button.cjs"),t=require("../../ui/card.cjs"),l=require("../../ui/label.cjs"),a=require("../../ui/switch.cjs"),u=({className:r})=>{const[s,i]=o.useState(!1);return e.jsxs("div",{className:r,children:[e.jsxs("div",{className:"flex items-center justify-between pb-6 rounded-tl-3xl rounded-tr-3xl",children:[e.jsx("h2",{className:"text-xl font-semibold leading-7 m-0",children:"Protocol Configuration"}),e.jsxs("div",{className:"flex items-center gap-2 text-[15px] font-medium",children:[e.jsx(a.Switch,{checked:s,onCheckedChange:()=>i(d=>!d)}),e.jsx(l.Label,{htmlFor:"edit-mode-switch",children:"Edit Mode"})]})]}),e.jsxs(t.Card,{children:[e.jsx(t.CardHeader,{className:"border-b",children:e.jsx(t.CardTitle,{children:"Configuration"})}),e.jsx(t.CardContent,{children:s?e.jsxs(c.Button,{variant:"secondary",children:[e.jsx(n.Plus,{}),"Add Input"]}):e.jsx("div",{className:"flex flex-col items-start gap-4",children:e.jsx("div",{className:"text-muted-foreground text-sm font-medium",children:"No values, Use the 'edit' button to add values"})})})]})]})};module.exports=u;
+//# sourceMappingURL=ProtocolConfiguration.cjs.map

package/dist/components/composed/ProtocolConfiguration/ProtocolConfiguration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtocolConfiguration.cjs","sources":["../../../../src/components/composed/ProtocolConfiguration/ProtocolConfiguration.tsx"],"sourcesContent":["import { Plus } from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Label } from \"@/components/ui/label\";\nimport { Switch } from \"@/components/ui/switch\";\n\nexport interface ProtocolConfigurationProps {\n  className?: string;\n}\n\nconst ProtocolConfiguration: React.FC<ProtocolConfigurationProps> = ({\n  className,\n}) => {\n  const [isEditMode, setIsEditMode] = useState(false);\n\n  return (\n    <div className={className}>\n      <div className=\"flex items-center justify-between pb-6 rounded-tl-3xl rounded-tr-3xl\">\n        <h2 className=\"text-xl font-semibold leading-7 m-0\">Protocol Configuration</h2>\n        <div className=\"flex items-center gap-2 text-[15px] font-medium\">\n          <Switch\n            checked={isEditMode}\n            onCheckedChange={() => setIsEditMode((prev) => !prev)}\n          />\n          <Label htmlFor=\"edit-mode-switch\">Edit Mode</Label>\n        </div>\n      </div>\n      <Card>\n        <CardHeader className=\"border-b\">\n          <CardTitle>Configuration</CardTitle>\n        </CardHeader>\n        <CardContent>\n          {isEditMode ? (\n            <Button\n              variant=\"secondary\"\n            >\n              <Plus />\n              Add Input\n            </Button>\n          ) : (\n            <div className=\"flex flex-col items-start gap-4\">\n              <div className=\"text-muted-foreground text-sm font-medium\">\n                No values, Use the 'edit' button to add values\n              </div>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n\nexport default ProtocolConfiguration;\n"],"names":["ProtocolConfiguration","className","isEditMode","setIsEditMode","useState","jsxs","jsx","Switch","prev","Label","Card","CardHeader","CardTitle","CardContent","Button","Plus"],"mappings":"gOAYMA,EAA8D,CAAC,CACnE,UAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAElD,OACEC,OAAC,OAAI,UAAAJ,EACH,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAU,uEACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,sCAAsC,SAAA,yBAAsB,EAC1ED,EAAAA,KAAC,MAAA,CAAI,UAAU,kDACb,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACC,QAASL,EACT,gBAAiB,IAAMC,EAAeK,GAAS,CAACA,CAAI,CAAA,CAAA,EAEtDF,EAAAA,IAACG,EAAAA,MAAA,CAAM,QAAQ,mBAAmB,SAAA,WAAA,CAAS,CAAA,CAAA,CAC7C,CAAA,EACF,SACCC,EAAAA,KAAA,CACC,SAAA,CAAAJ,EAAAA,IAACK,EAAAA,YAAW,UAAU,WACpB,SAAAL,MAACM,EAAAA,UAAA,CAAU,yBAAa,CAAA,CAC1B,EACAN,EAAAA,IAACO,EAAAA,aACE,SAAAX,EACCG,EAAAA,KAACS,EAAAA,OAAA,CACC,QAAQ,YAER,SAAA,CAAAR,EAAAA,IAACS,EAAAA,KAAA,EAAK,EAAE,WAAA,CAAA,CAAA,EAIVT,EAAAA,IAAC,MAAA,CAAI,UAAU,kCACb,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,4CAA4C,SAAA,gDAAA,CAE3D,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/components/composed/ProtocolConfiguration/ProtocolConfiguration.js

@@ -0,0 +1,44 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Plus as n } from "lucide-react";
+import { useState as l } from "react";
+import { Button as a } from "../../ui/button.js";
+import { Card as s, CardHeader as m, CardTitle as c, CardContent as f } from "../../ui/card.js";
+import { Label as h } from "../../ui/label.js";
+import { Switch as u } from "../../ui/switch.js";
+const j = ({
+  className: o
+}) => {
+  const [r, d] = l(!1);
+  return /* @__PURE__ */ t("div", { className: o, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between pb-6 rounded-tl-3xl rounded-tr-3xl", children: [
+      /* @__PURE__ */ e("h2", { className: "text-xl font-semibold leading-7 m-0", children: "Protocol Configuration" }),
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-[15px] font-medium", children: [
+        /* @__PURE__ */ e(
+          u,
+          {
+            checked: r,
+            onCheckedChange: () => d((i) => !i)
+          }
+        ),
+        /* @__PURE__ */ e(h, { htmlFor: "edit-mode-switch", children: "Edit Mode" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(s, { children: [
+      /* @__PURE__ */ e(m, { className: "border-b", children: /* @__PURE__ */ e(c, { children: "Configuration" }) }),
+      /* @__PURE__ */ e(f, { children: r ? /* @__PURE__ */ t(
+        a,
+        {
+          variant: "secondary",
+          children: [
+            /* @__PURE__ */ e(n, {}),
+            "Add Input"
+          ]
+        }
+      ) : /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-4", children: /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm font-medium", children: "No values, Use the 'edit' button to add values" }) }) })
+    ] })
+  ] });
+};
+export {
+  j as default
+};
+//# sourceMappingURL=ProtocolConfiguration.js.map

package/dist/components/composed/ProtocolConfiguration/ProtocolConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtocolConfiguration.js","sources":["../../../../src/components/composed/ProtocolConfiguration/ProtocolConfiguration.tsx"],"sourcesContent":["import { Plus } from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Label } from \"@/components/ui/label\";\nimport { Switch } from \"@/components/ui/switch\";\n\nexport interface ProtocolConfigurationProps {\n  className?: string;\n}\n\nconst ProtocolConfiguration: React.FC<ProtocolConfigurationProps> = ({\n  className,\n}) => {\n  const [isEditMode, setIsEditMode] = useState(false);\n\n  return (\n    <div className={className}>\n      <div className=\"flex items-center justify-between pb-6 rounded-tl-3xl rounded-tr-3xl\">\n        <h2 className=\"text-xl font-semibold leading-7 m-0\">Protocol Configuration</h2>\n        <div className=\"flex items-center gap-2 text-[15px] font-medium\">\n          <Switch\n            checked={isEditMode}\n            onCheckedChange={() => setIsEditMode((prev) => !prev)}\n          />\n          <Label htmlFor=\"edit-mode-switch\">Edit Mode</Label>\n        </div>\n      </div>\n      <Card>\n        <CardHeader className=\"border-b\">\n          <CardTitle>Configuration</CardTitle>\n        </CardHeader>\n        <CardContent>\n          {isEditMode ? (\n            <Button\n              variant=\"secondary\"\n            >\n              <Plus />\n              Add Input\n            </Button>\n          ) : (\n            <div className=\"flex flex-col items-start gap-4\">\n              <div className=\"text-muted-foreground text-sm font-medium\">\n                No values, Use the 'edit' button to add values\n              </div>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n\nexport default ProtocolConfiguration;\n"],"names":["ProtocolConfiguration","className","isEditMode","setIsEditMode","useState","jsxs","jsx","Switch","prev","Label","Card","CardHeader","CardTitle","CardContent","Button","Plus"],"mappings":";;;;;;;AAYA,MAAMA,IAA8D,CAAC;AAAA,EACnE,WAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK;AAElD,SACE,gBAAAC,EAAC,SAAI,WAAAJ,GACH,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,wEACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,uCAAsC,UAAA,0BAAsB;AAAA,MAC1E,gBAAAD,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAASL;AAAA,YACT,iBAAiB,MAAMC,EAAc,CAACK,MAAS,CAACA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtD,gBAAAF,EAACG,GAAA,EAAM,SAAQ,oBAAmB,UAAA,YAAA,CAAS;AAAA,MAAA,EAAA,CAC7C;AAAA,IAAA,GACF;AAAA,sBACCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,KAAW,WAAU,YACpB,UAAA,gBAAAL,EAACM,GAAA,EAAU,2BAAa,EAAA,CAC1B;AAAA,MACA,gBAAAN,EAACO,KACE,UAAAX,IACC,gBAAAG;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UAER,UAAA;AAAA,YAAA,gBAAAR,EAACS,GAAA,EAAK;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,IAIV,gBAAAT,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,6CAA4C,UAAA,iDAAA,CAE3D,EAAA,CACF,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/composed/ProtocolYamlCard/ProtocolYamlCard.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),h=require("../../ui/button.cjs"),u=require("../../ui/code-editor.cjs"),j=require("../../ui/label.cjs"),l=require("../../ui/select.cjs"),m=require("../../ui/switch.cjs"),g=({title:n,newVersionMode:t,onToggleNewVersionMode:c,versionOptions:r,selectedVersion:a,onVersionChange:i,onDeploy:o,yaml:d,onYamlChange:x})=>e.jsxs("div",{className:"flex flex-col items-start p-0 gap-4 w-[928px] bg-transparent",children:[e.jsxs("div",{className:"flex flex-row justify-between items-center w-[928px] h-9",children:[e.jsx("span",{className:"font-semibold text-lg leading-7",children:n}),e.jsxs("div",{className:"flex flex-row items-center gap-4 justify-end",children:[e.jsx(m.Switch,{checked:t,onCheckedChange:c}),e.jsx(j.Label,{htmlFor:"new-version-mode-switch",children:"New Version Mode"}),e.jsx("div",{className:"w-px h-5"}),e.jsxs(l.Select,{value:a,onValueChange:i,children:[e.jsx(l.SelectTrigger,{size:"default",children:e.jsx(l.SelectValue,{placeholder:"Choose a version"})}),e.jsx(l.SelectContent,{children:r.map(s=>e.jsx(l.SelectItem,{value:s.value,children:s.label},s.value))})]}),e.jsx(h.Button,{onClick:o,children:"Deploy"})]})]}),e.jsx("div",{className:"w-full",children:e.jsx(u.CodeEditor,{value:d,onChange:s=>x(s??""),language:"yaml",onCopy:()=>{},onLaunch:()=>{}})})]});module.exports=g;
+//# sourceMappingURL=ProtocolYamlCard.cjs.map

package/dist/components/composed/ProtocolYamlCard/ProtocolYamlCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtocolYamlCard.cjs","sources":["../../../../src/components/composed/ProtocolYamlCard/ProtocolYamlCard.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { CodeEditor } from \"@/components/ui/code-editor\";\nimport { Label } from \"@/components/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Switch } from \"@/components/ui/switch\";\n\nexport interface ProtocolYamlCardProps {\n  title: string;\n  newVersionMode: boolean;\n  onToggleNewVersionMode: (checked: boolean) => void;\n  versionOptions: { value: string; label: string }[];\n  selectedVersion: string;\n  onVersionChange: (value: string) => void;\n  onDeploy: () => void;\n  yaml: string;\n  onYamlChange: (value: string) => void;\n}\n\nconst ProtocolYamlCard: React.FC<ProtocolYamlCardProps> = ({\n  title,\n  newVersionMode,\n  onToggleNewVersionMode,\n  versionOptions,\n  selectedVersion,\n  onVersionChange,\n  onDeploy,\n  yaml,\n  onYamlChange,\n}) => {\n  return (\n    <div className=\"flex flex-col items-start p-0 gap-4 w-[928px] bg-transparent\">\n      <div className=\"flex flex-row justify-between items-center w-[928px] h-9\">\n        <span className=\"font-semibold text-lg leading-7\">{title}</span>\n        <div className=\"flex flex-row items-center gap-4 justify-end\">\n          <Switch\n            checked={newVersionMode}\n            onCheckedChange={onToggleNewVersionMode}\n          />\n          <Label htmlFor=\"new-version-mode-switch\">New Version Mode</Label>\n          <div className=\"w-px h-5\" />\n          <Select value={selectedVersion} onValueChange={onVersionChange}>\n            <SelectTrigger size=\"default\">\n              <SelectValue placeholder=\"Choose a version\" />\n            </SelectTrigger>\n            <SelectContent>\n              {versionOptions.map((option) => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <Button onClick={onDeploy}>\n            Deploy\n          </Button>\n        </div>\n      </div>\n      <div className=\"w-full\">\n        <CodeEditor\n          value={yaml}\n          onChange={(v) => onYamlChange(v ?? \"\")}\n          language=\"yaml\"\n          onCopy={() => {}}\n          onLaunch={() => {}}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default ProtocolYamlCard;\n"],"names":["ProtocolYamlCard","title","newVersionMode","onToggleNewVersionMode","versionOptions","selectedVersion","onVersionChange","onDeploy","yaml","onYamlChange","jsxs","jsx","Switch","Label","Select","SelectTrigger","SelectValue","SelectContent","option","SelectItem","Button","CodeEditor","v"],"mappings":"2NAoBMA,EAAoD,CAAC,CACzD,MAAAC,EACA,eAAAC,EACA,uBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,CACF,IAEIC,EAAAA,KAAC,MAAA,CAAI,UAAU,+DACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,2DACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,kCAAmC,SAAAV,EAAM,EACzDS,EAAAA,KAAC,MAAA,CAAI,UAAU,+CACb,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACC,QAASV,EACT,gBAAiBC,CAAA,CAAA,EAEnBQ,EAAAA,IAACE,EAAAA,MAAA,CAAM,QAAQ,0BAA0B,SAAA,mBAAgB,EACzDF,EAAAA,IAAC,MAAA,CAAI,UAAU,UAAA,CAAW,EAC1BD,EAAAA,KAACI,EAAAA,OAAA,CAAO,MAAOT,EAAiB,cAAeC,EAC7C,SAAA,CAAAK,EAAAA,IAACI,EAAAA,eAAc,KAAK,UAClB,eAACC,EAAAA,YAAA,CAAY,YAAY,mBAAmB,CAAA,CAC9C,QACCC,EAAAA,cAAA,CACE,SAAAb,EAAe,IAAKc,GACnBP,EAAAA,IAACQ,EAAAA,WAAA,CAA8B,MAAOD,EAAO,MAC1C,SAAAA,EAAO,OADOA,EAAO,KAExB,CACD,CAAA,CACH,CAAA,EACF,EACAP,EAAAA,IAACS,EAAAA,OAAA,CAAO,QAASb,EAAU,SAAA,QAAA,CAE3B,CAAA,CAAA,CACF,CAAA,EACF,EACAI,EAAAA,IAAC,MAAA,CAAI,UAAU,SACb,SAAAA,EAAAA,IAACU,EAAAA,WAAA,CACC,MAAOb,EACP,SAAWc,GAAMb,EAAaa,GAAK,EAAE,EACrC,SAAS,OACT,OAAQ,IAAM,CAAC,EACf,SAAU,IAAM,CAAC,CAAA,CAAA,CACnB,CACF,CAAA,EACF"}

package/dist/components/composed/ProtocolYamlCard/ProtocolYamlCard.js

@@ -0,0 +1,53 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Button as h } from "../../ui/button.js";
+import { CodeEditor as f } from "../../ui/code-editor.js";
+import { Label as p } from "../../ui/label.js";
+import { Select as u, SelectTrigger as x, SelectValue as g, SelectContent as v, SelectItem as w } from "../../ui/select.js";
+import { Switch as C } from "../../ui/switch.js";
+const V = ({
+  title: r,
+  newVersionMode: o,
+  onToggleNewVersionMode: t,
+  versionOptions: n,
+  selectedVersion: i,
+  onVersionChange: c,
+  onDeploy: s,
+  yaml: d,
+  onYamlChange: m
+}) => /* @__PURE__ */ a("div", { className: "flex flex-col items-start p-0 gap-4 w-[928px] bg-transparent", children: [
+  /* @__PURE__ */ a("div", { className: "flex flex-row justify-between items-center w-[928px] h-9", children: [
+    /* @__PURE__ */ e("span", { className: "font-semibold text-lg leading-7", children: r }),
+    /* @__PURE__ */ a("div", { className: "flex flex-row items-center gap-4 justify-end", children: [
+      /* @__PURE__ */ e(
+        C,
+        {
+          checked: o,
+          onCheckedChange: t
+        }
+      ),
+      /* @__PURE__ */ e(p, { htmlFor: "new-version-mode-switch", children: "New Version Mode" }),
+      /* @__PURE__ */ e("div", { className: "w-px h-5" }),
+      /* @__PURE__ */ a(u, { value: i, onValueChange: c, children: [
+        /* @__PURE__ */ e(x, { size: "default", children: /* @__PURE__ */ e(g, { placeholder: "Choose a version" }) }),
+        /* @__PURE__ */ e(v, { children: n.map((l) => /* @__PURE__ */ e(w, { value: l.value, children: l.label }, l.value)) })
+      ] }),
+      /* @__PURE__ */ e(h, { onClick: s, children: "Deploy" })
+    ] })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
+    f,
+    {
+      value: d,
+      onChange: (l) => m(l ?? ""),
+      language: "yaml",
+      onCopy: () => {
+      },
+      onLaunch: () => {
+      }
+    }
+  ) })
+] });
+export {
+  V as default
+};
+//# sourceMappingURL=ProtocolYamlCard.js.map

package/dist/components/composed/ProtocolYamlCard/ProtocolYamlCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtocolYamlCard.js","sources":["../../../../src/components/composed/ProtocolYamlCard/ProtocolYamlCard.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { CodeEditor } from \"@/components/ui/code-editor\";\nimport { Label } from \"@/components/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Switch } from \"@/components/ui/switch\";\n\nexport interface ProtocolYamlCardProps {\n  title: string;\n  newVersionMode: boolean;\n  onToggleNewVersionMode: (checked: boolean) => void;\n  versionOptions: { value: string; label: string }[];\n  selectedVersion: string;\n  onVersionChange: (value: string) => void;\n  onDeploy: () => void;\n  yaml: string;\n  onYamlChange: (value: string) => void;\n}\n\nconst ProtocolYamlCard: React.FC<ProtocolYamlCardProps> = ({\n  title,\n  newVersionMode,\n  onToggleNewVersionMode,\n  versionOptions,\n  selectedVersion,\n  onVersionChange,\n  onDeploy,\n  yaml,\n  onYamlChange,\n}) => {\n  return (\n    <div className=\"flex flex-col items-start p-0 gap-4 w-[928px] bg-transparent\">\n      <div className=\"flex flex-row justify-between items-center w-[928px] h-9\">\n        <span className=\"font-semibold text-lg leading-7\">{title}</span>\n        <div className=\"flex flex-row items-center gap-4 justify-end\">\n          <Switch\n            checked={newVersionMode}\n            onCheckedChange={onToggleNewVersionMode}\n          />\n          <Label htmlFor=\"new-version-mode-switch\">New Version Mode</Label>\n          <div className=\"w-px h-5\" />\n          <Select value={selectedVersion} onValueChange={onVersionChange}>\n            <SelectTrigger size=\"default\">\n              <SelectValue placeholder=\"Choose a version\" />\n            </SelectTrigger>\n            <SelectContent>\n              {versionOptions.map((option) => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <Button onClick={onDeploy}>\n            Deploy\n          </Button>\n        </div>\n      </div>\n      <div className=\"w-full\">\n        <CodeEditor\n          value={yaml}\n          onChange={(v) => onYamlChange(v ?? \"\")}\n          language=\"yaml\"\n          onCopy={() => {}}\n          onLaunch={() => {}}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default ProtocolYamlCard;\n"],"names":["ProtocolYamlCard","title","newVersionMode","onToggleNewVersionMode","versionOptions","selectedVersion","onVersionChange","onDeploy","yaml","onYamlChange","jsxs","jsx","Switch","Label","Select","SelectTrigger","SelectValue","SelectContent","option","SelectItem","Button","CodeEditor","v"],"mappings":";;;;;;AAoBA,MAAMA,IAAoD,CAAC;AAAA,EACzD,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AACF,MAEI,gBAAAC,EAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,4DACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,mCAAmC,UAAAV,GAAM;AAAA,IACzD,gBAAAS,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAASV;AAAA,UACT,iBAAiBC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEnB,gBAAAQ,EAACE,GAAA,EAAM,SAAQ,2BAA0B,UAAA,oBAAgB;AAAA,MACzD,gBAAAF,EAAC,OAAA,EAAI,WAAU,WAAA,CAAW;AAAA,MAC1B,gBAAAD,EAACI,GAAA,EAAO,OAAOT,GAAiB,eAAeC,GAC7C,UAAA;AAAA,QAAA,gBAAAK,EAACI,KAAc,MAAK,WAClB,4BAACC,GAAA,EAAY,aAAY,oBAAmB,EAAA,CAC9C;AAAA,0BACCC,GAAA,EACE,UAAAb,EAAe,IAAI,CAACc,MACnB,gBAAAP,EAACQ,GAAA,EAA8B,OAAOD,EAAO,OAC1C,UAAAA,EAAO,SADOA,EAAO,KAExB,CACD,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAP,EAACS,GAAA,EAAO,SAASb,GAAU,UAAA,SAAA,CAE3B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAAA,EACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,UACb,UAAA,gBAAAA;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,OAAOb;AAAA,MACP,UAAU,CAACc,MAAMb,EAAaa,KAAK,EAAE;AAAA,MACrC,UAAS;AAAA,MACT,QAAQ,MAAM;AAAA,MAAC;AAAA,MACf,UAAU,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,EAAA,EACnB,CACF;AAAA,GACF;"}

package/dist/components/composed/PythonEditorModal/PythonEditorModal.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),t=require("../../ui/button.cjs"),C=require("../../ui/code-editor.cjs"),o=require("../../ui/dialog.cjs"),D=({open:s,onOpenChange:n,initialValue:l="",title:r="",description:c="",onSave:a,onCancel:d})=>{const[i,h]=g.useState(l),u=()=>{a(i)},x=()=>{d?.(),n(!1)};return e.jsx(o.Dialog,{open:s,onOpenChange:n,children:e.jsxs(o.DialogContent,{className:"min-w-[600px]",children:[e.jsx(o.DialogHeader,{children:e.jsx(o.DialogTitle,{children:r})}),e.jsx(o.DialogDescription,{className:"sr-only",children:c}),e.jsx("div",{className:"py-3 flex-1",children:e.jsx(C.CodeEditor,{value:i,onChange:j=>h(j??""),language:"python",height:300,onCopy:()=>{},onLaunch:()=>{}})}),e.jsxs(o.DialogFooter,{children:[e.jsx(t.Button,{variant:"outline",onClick:x,children:"Cancel"}),e.jsx(t.Button,{onClick:u,children:"Save Code"})]})]})})};module.exports=D;
+//# sourceMappingURL=PythonEditorModal.cjs.map

package/dist/components/composed/PythonEditorModal/PythonEditorModal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PythonEditorModal.cjs","sources":["../../../../src/components/composed/PythonEditorModal/PythonEditorModal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { CodeEditor } from \"@/components/ui/code-editor\";\nimport { Dialog, DialogTitle, DialogContent, DialogHeader, DialogFooter, DialogDescription } from \"@/components/ui/dialog\";\n\nexport interface PythonEditorModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  initialValue?: string;\n  title?: string;\n  description?: string;\n  onSave: (value: string) => void;\n  onCancel?: () => void;\n}\n\nconst PythonEditorModal: React.FC<PythonEditorModalProps> = ({\n  open,\n  onOpenChange,\n  initialValue = \"\",\n  title = \"\",\n  description = \"\",\n  onSave,\n  onCancel,\n}) => {\n  const [code, setCode] = useState<string>(initialValue);\n\n  const handleConfirm = () => {\n    onSave(code);\n  };\n\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange(false);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className=\"min-w-[600px]\"\n      >\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n        </DialogHeader>\n        <DialogDescription className=\"sr-only\">{description}</DialogDescription>\n        <div className=\"py-3 flex-1\">\n          <CodeEditor\n            value={code}\n            onChange={(v) => setCode(v ?? \"\")}\n            language=\"python\"\n            height={300}\n\n            onCopy={() => {}}\n            onLaunch={() => {}}\n          />\n        </div>\n        <DialogFooter>\n          {/* Footer can be used for additional buttons or information if needed */}\n          <Button variant=\"outline\" onClick={handleCancel}>\n            Cancel\n          </Button>\n          <Button onClick={handleConfirm}>Save Code</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default PythonEditorModal;\n"],"names":["PythonEditorModal","open","onOpenChange","initialValue","title","description","onSave","onCancel","code","setCode","useState","handleConfirm","handleCancel","jsx","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","CodeEditor","v","DialogFooter","Button"],"mappings":"6KAgBMA,EAAsD,CAAC,CAC3D,KAAAC,EACA,aAAAC,EACA,aAAAC,EAAe,GACf,MAAAC,EAAQ,GACR,YAAAC,EAAc,GACd,OAAAC,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAiBP,CAAY,EAE/CQ,EAAgB,IAAM,CAC1BL,EAAOE,CAAI,CACb,EAEMI,EAAe,IAAM,CACzBL,IAAA,EACAL,EAAa,EAAK,CACpB,EAEA,OACEW,EAAAA,IAACC,EAAAA,OAAA,CAAO,KAAAb,EAAY,aAAAC,EAClB,SAAAa,EAAAA,KAACC,EAAAA,cAAA,CACC,UAAU,gBAEV,SAAA,CAAAH,MAACI,EAAAA,aAAA,CACC,SAAAJ,EAAAA,IAACK,EAAAA,YAAA,CAAa,SAAAd,CAAA,CAAM,EACtB,EACAS,EAAAA,IAACM,EAAAA,kBAAA,CAAkB,UAAU,UAAW,SAAAd,EAAY,EACpDQ,EAAAA,IAAC,MAAA,CAAI,UAAU,cACb,SAAAA,EAAAA,IAACO,EAAAA,WAAA,CACC,MAAOZ,EACP,SAAWa,GAAMZ,EAAQY,GAAK,EAAE,EAChC,SAAS,SACT,OAAQ,IAER,OAAQ,IAAM,CAAC,EACf,SAAU,IAAM,CAAC,CAAA,CAAA,EAErB,SACCC,EAAAA,aAAA,CAEC,SAAA,CAAAT,MAACU,EAAAA,OAAA,CAAO,QAAQ,UAAU,QAASX,EAAc,SAAA,SAEjD,EACAC,EAAAA,IAACU,EAAAA,OAAA,CAAO,QAASZ,EAAe,SAAA,WAAA,CAAS,CAAA,CAAA,CAC3C,CAAA,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/components/composed/PythonEditorModal/PythonEditorModal.js

@@ -0,0 +1,51 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { useState as C } from "react";
+import { Button as i } from "../../ui/button.js";
+import { CodeEditor as f } from "../../ui/code-editor.js";
+import { Dialog as p, DialogContent as g, DialogHeader as u, DialogTitle as D, DialogDescription as x, DialogFooter as y } from "../../ui/dialog.js";
+const B = ({
+  open: a,
+  onOpenChange: e,
+  initialValue: r = "",
+  title: t = "",
+  description: c = "",
+  onSave: d,
+  onCancel: s
+}) => {
+  const [n, h] = C(r);
+  return /* @__PURE__ */ o(p, { open: a, onOpenChange: e, children: /* @__PURE__ */ l(
+    g,
+    {
+      className: "min-w-[600px]",
+      children: [
+        /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(D, { children: t }) }),
+        /* @__PURE__ */ o(x, { className: "sr-only", children: c }),
+        /* @__PURE__ */ o("div", { className: "py-3 flex-1", children: /* @__PURE__ */ o(
+          f,
+          {
+            value: n,
+            onChange: (m) => h(m ?? ""),
+            language: "python",
+            height: 300,
+            onCopy: () => {
+            },
+            onLaunch: () => {
+            }
+          }
+        ) }),
+        /* @__PURE__ */ l(y, { children: [
+          /* @__PURE__ */ o(i, { variant: "outline", onClick: () => {
+            s?.(), e(!1);
+          }, children: "Cancel" }),
+          /* @__PURE__ */ o(i, { onClick: () => {
+            d(n);
+          }, children: "Save Code" })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  B as default
+};
+//# sourceMappingURL=PythonEditorModal.js.map

package/dist/components/composed/PythonEditorModal/PythonEditorModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PythonEditorModal.js","sources":["../../../../src/components/composed/PythonEditorModal/PythonEditorModal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { CodeEditor } from \"@/components/ui/code-editor\";\nimport { Dialog, DialogTitle, DialogContent, DialogHeader, DialogFooter, DialogDescription } from \"@/components/ui/dialog\";\n\nexport interface PythonEditorModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  initialValue?: string;\n  title?: string;\n  description?: string;\n  onSave: (value: string) => void;\n  onCancel?: () => void;\n}\n\nconst PythonEditorModal: React.FC<PythonEditorModalProps> = ({\n  open,\n  onOpenChange,\n  initialValue = \"\",\n  title = \"\",\n  description = \"\",\n  onSave,\n  onCancel,\n}) => {\n  const [code, setCode] = useState<string>(initialValue);\n\n  const handleConfirm = () => {\n    onSave(code);\n  };\n\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange(false);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className=\"min-w-[600px]\"\n      >\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n        </DialogHeader>\n        <DialogDescription className=\"sr-only\">{description}</DialogDescription>\n        <div className=\"py-3 flex-1\">\n          <CodeEditor\n            value={code}\n            onChange={(v) => setCode(v ?? \"\")}\n            language=\"python\"\n            height={300}\n\n            onCopy={() => {}}\n            onLaunch={() => {}}\n          />\n        </div>\n        <DialogFooter>\n          {/* Footer can be used for additional buttons or information if needed */}\n          <Button variant=\"outline\" onClick={handleCancel}>\n            Cancel\n          </Button>\n          <Button onClick={handleConfirm}>Save Code</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default PythonEditorModal;\n"],"names":["PythonEditorModal","open","onOpenChange","initialValue","title","description","onSave","onCancel","code","setCode","useState","jsx","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","CodeEditor","v","DialogFooter","Button"],"mappings":";;;;;AAgBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAiBP,CAAY;AAWrD,SACE,gBAAAQ,EAACC,GAAA,EAAO,MAAAX,GAAY,cAAAC,GAClB,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,EAAa,UAAAZ,EAAA,CAAM,GACtB;AAAA,QACA,gBAAAO,EAACM,GAAA,EAAkB,WAAU,WAAW,UAAAZ,GAAY;AAAA,QACpD,gBAAAM,EAAC,OAAA,EAAI,WAAU,eACb,UAAA,gBAAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,OAAOV;AAAA,YACP,UAAU,CAACW,MAAMV,EAAQU,KAAK,EAAE;AAAA,YAChC,UAAS;AAAA,YACT,QAAQ;AAAA,YAER,QAAQ,MAAM;AAAA,YAAC;AAAA,YACf,UAAU,MAAM;AAAA,YAAC;AAAA,UAAA;AAAA,QAAA,GAErB;AAAA,0BACCC,GAAA,EAEC,UAAA;AAAA,UAAA,gBAAAT,EAACU,GAAA,EAAO,SAAQ,WAAU,SA3Bb,MAAM;AACzB,YAAAd,IAAA,GACAL,EAAa,EAAK;AAAA,UACpB,GAwByD,UAAA,UAEjD;AAAA,UACA,gBAAAS,EAACU,GAAA,EAAO,SAlCM,MAAM;AAC1B,YAAAf,EAAOE,CAAI;AAAA,UACb,GAgCwC,UAAA,YAAA,CAAS;AAAA,QAAA,EAAA,CAC3C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/composed/Sidebar/Sidebar.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),t=require("../../../lib/utils.cjs"),c=({icon:l,label:i,active:n,onClick:s})=>r.jsxs("div",{className:t.cn("w-full inline-flex flex-col rounded items-center py-3 cursor-pointer transition-colors duration-200 ease-in-out hover:bg-primary/50",n?"bg-primary":"bg-transparent"),onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&s?.()},onClick:s,children:[r.jsx("div",{className:"flex justify-center items-center mb-[10px]",children:r.jsx(l,{size:20})}),r.jsx("div",{className:"text-center text-xs font-medium leading-4 px-2",children:i})]}),a=({items:l,activeItem:i,onItemClick:n})=>{const s=e=>{n&&n(e)};return r.jsx("div",{className:"w-[104px] h-full flex flex-col items-center pl-2 pr-2 gap-1",children:l.map(e=>r.jsx(c,{icon:e.icon,label:e.label,active:i===e.label,onClick:()=>s(e.label)},e.label))})};module.exports=a;
+//# sourceMappingURL=Sidebar.cjs.map

package/dist/components/composed/Sidebar/Sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.cjs","sources":["../../../../src/components/composed/Sidebar/Sidebar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { LucideIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface SidebarItemProps {\n  icon: LucideIcon;\n  label: string;\n  active?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SidebarProps {\n  items: SidebarItemProps[];\n  activeItem?: string;\n  onItemClick?: (label: string) => void;\n}\n\nconst SidebarItem: React.FC<SidebarItemProps> = ({\n  icon: SidebarIcon,\n  label,\n  active,\n  onClick,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"w-full inline-flex flex-col rounded items-center py-3 cursor-pointer transition-colors duration-200 ease-in-out hover:bg-primary/50\",\n        active ? \"bg-primary\" : \"bg-transparent\"\n      )}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n            onClick?.();\n        }\n      }}\n      onClick={onClick}\n    >\n      <div className=\"flex justify-center items-center mb-[10px]\">\n        <SidebarIcon size={20} />\n      </div>\n      <div className=\"text-center text-xs font-medium leading-4 px-2\">\n        {label}\n      </div>\n    </div>\n  );\n};\n\nconst Sidebar: React.FC<SidebarProps> = ({\n  items,\n  activeItem,\n  onItemClick,\n}) => {\n  const handleItemClick = (label: string) => {\n    if (onItemClick) {\n      onItemClick(label);\n    }\n  };\n\n  return (\n    <div className=\"w-[104px] h-full flex flex-col items-center pl-2 pr-2 gap-1\">\n      {items.map((item) => (\n        <SidebarItem\n          key={item.label}\n          icon={item.icon}\n          label={item.label}\n          active={activeItem === item.label}\n          onClick={() => handleItemClick(item.label)}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default Sidebar;\n"],"names":["SidebarItem","SidebarIcon","label","active","onClick","jsxs","cn","jsx","Sidebar","items","activeItem","onItemClick","handleItemClick","item"],"mappings":"sFAmBMA,EAA0C,CAAC,CAC/C,KAAMC,EACN,MAAAC,EACA,OAAAC,EACA,QAAAC,CACF,IAEIC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GACT,sIACAH,EAAS,aAAe,gBAAA,EAE1B,UAAY,GAAM,EACZ,EAAE,MAAQ,SAAW,EAAE,MAAQ,MAC/BC,IAAA,CAEN,EACA,QAAAA,EAEA,SAAA,CAAAG,EAAAA,IAAC,OAAI,UAAU,6CACb,eAACN,EAAA,CAAY,KAAM,GAAI,CAAA,CACzB,EACAM,EAAAA,IAAC,MAAA,CAAI,UAAU,iDACZ,SAAAL,CAAA,CACH,CAAA,CAAA,CAAA,EAKAM,EAAkC,CAAC,CACvC,MAAAC,EACA,WAAAC,EACA,YAAAC,CACF,IAAM,CACJ,MAAMC,EAAmBV,GAAkB,CACrCS,GACFA,EAAYT,CAAK,CAErB,EAEA,aACG,MAAA,CAAI,UAAU,8DACZ,SAAAO,EAAM,IAAKI,GACVN,EAAAA,IAACP,EAAA,CAEC,KAAMa,EAAK,KACX,MAAOA,EAAK,MACZ,OAAQH,IAAeG,EAAK,MAC5B,QAAS,IAAMD,EAAgBC,EAAK,KAAK,CAAA,EAJpCA,EAAK,KAAA,CAMb,EACH,CAEJ"}

package/dist/components/composed/Sidebar/Sidebar.js

@@ -0,0 +1,46 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { cn as s } from "../../../lib/utils.js";
+const c = ({
+  icon: i,
+  label: a,
+  active: l,
+  onClick: n
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s(
+      "w-full inline-flex flex-col rounded items-center py-3 cursor-pointer transition-colors duration-200 ease-in-out hover:bg-primary/50",
+      l ? "bg-primary" : "bg-transparent"
+    ),
+    onKeyDown: (e) => {
+      (e.key === "Enter" || e.key === " ") && n?.();
+    },
+    onClick: n,
+    children: [
+      /* @__PURE__ */ r("div", { className: "flex justify-center items-center mb-[10px]", children: /* @__PURE__ */ r(i, { size: 20 }) }),
+      /* @__PURE__ */ r("div", { className: "text-center text-xs font-medium leading-4 px-2", children: a })
+    ]
+  }
+), p = ({
+  items: i,
+  activeItem: a,
+  onItemClick: l
+}) => {
+  const n = (e) => {
+    l && l(e);
+  };
+  return /* @__PURE__ */ r("div", { className: "w-[104px] h-full flex flex-col items-center pl-2 pr-2 gap-1", children: i.map((e) => /* @__PURE__ */ r(
+    c,
+    {
+      icon: e.icon,
+      label: e.label,
+      active: a === e.label,
+      onClick: () => n(e.label)
+    },
+    e.label
+  )) });
+};
+export {
+  p as default
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/composed/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/composed/Sidebar/Sidebar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { LucideIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface SidebarItemProps {\n  icon: LucideIcon;\n  label: string;\n  active?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SidebarProps {\n  items: SidebarItemProps[];\n  activeItem?: string;\n  onItemClick?: (label: string) => void;\n}\n\nconst SidebarItem: React.FC<SidebarItemProps> = ({\n  icon: SidebarIcon,\n  label,\n  active,\n  onClick,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"w-full inline-flex flex-col rounded items-center py-3 cursor-pointer transition-colors duration-200 ease-in-out hover:bg-primary/50\",\n        active ? \"bg-primary\" : \"bg-transparent\"\n      )}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n            onClick?.();\n        }\n      }}\n      onClick={onClick}\n    >\n      <div className=\"flex justify-center items-center mb-[10px]\">\n        <SidebarIcon size={20} />\n      </div>\n      <div className=\"text-center text-xs font-medium leading-4 px-2\">\n        {label}\n      </div>\n    </div>\n  );\n};\n\nconst Sidebar: React.FC<SidebarProps> = ({\n  items,\n  activeItem,\n  onItemClick,\n}) => {\n  const handleItemClick = (label: string) => {\n    if (onItemClick) {\n      onItemClick(label);\n    }\n  };\n\n  return (\n    <div className=\"w-[104px] h-full flex flex-col items-center pl-2 pr-2 gap-1\">\n      {items.map((item) => (\n        <SidebarItem\n          key={item.label}\n          icon={item.icon}\n          label={item.label}\n          active={activeItem === item.label}\n          onClick={() => handleItemClick(item.label)}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default Sidebar;\n"],"names":["SidebarItem","SidebarIcon","label","active","onClick","jsxs","cn","jsx","Sidebar","items","activeItem","onItemClick","handleItemClick","item"],"mappings":";;AAmBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,MAAMC;AAAA,EACN,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH,IAAS,eAAe;AAAA,IAAA;AAAA,IAE1B,WAAW,CAAC,MAAM;AAChB,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAC/BC,IAAA;AAAA,IAEN;AAAA,IACA,SAAAA;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAG,EAAC,SAAI,WAAU,8CACb,4BAACN,GAAA,EAAY,MAAM,IAAI,EAAA,CACzB;AAAA,MACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,kDACZ,UAAAL,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAAA,GAKAM,IAAkC,CAAC;AAAA,EACvC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAkB,CAACV,MAAkB;AACzC,IAAIS,KACFA,EAAYT,CAAK;AAAA,EAErB;AAEA,2BACG,OAAA,EAAI,WAAU,+DACZ,UAAAO,EAAM,IAAI,CAACI,MACV,gBAAAN;AAAA,IAACP;AAAA,IAAA;AAAA,MAEC,MAAMa,EAAK;AAAA,MACX,OAAOA,EAAK;AAAA,MACZ,QAAQH,MAAeG,EAAK;AAAA,MAC5B,SAAS,MAAMD,EAAgBC,EAAK,KAAK;AAAA,IAAA;AAAA,IAJpCA,EAAK;AAAA,EAAA,CAMb,GACH;AAEJ;"}

package/dist/components/composed/TdpSearch/TdpSearch.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("lucide-react"),a=require("react"),ee=require("./components/DefaultFilters.cjs"),te=require("./components/DefaultResults.cjs"),se=require("./components/DefaultSearchBar.cjs"),re=require("./hooks/useSearch.cjs"),ce=require("./hooks/useTdpCredentials.cjs"),p=require("../../ui/alert.cjs");;/* empty css                 */const ae=({defaultQuery:K="",columns:b,filters:y=[],defaultSort:q,advancedSearchParams:_,pageSize:n=10,searchPlaceholder:k="Enter search term...",className:w,onSearch:v,renderSearchBar:D,renderFilters:T,renderResults:N,...l})=>{const{authToken:B,orgSlug:L}=ce.useTdpCredentials(l.authToken,l.orgSlug),{results:i,total:V,currentPage:H,isLoading:r,error:o,executeSearch:M}=re.useSearch({...l,authToken:B??"",orgSlug:L??"",pageSize:n}),[u,O]=a.useState(K),[C,Q]=a.useState({}),[h,$]=a.useState(null),[d,G]=a.useState("asc"),[x,I]=a.useState(!1),S=async(t=1,s)=>{if(!u.trim())return;I(!0);const m=s?.sortKey??h??q?.field,Y=s==null?h?d:q?.order??d:s.sortDirection,f=Object.entries(C).filter(([,g])=>g!=="").map(([g,z])=>({field:g,operator:"eq",value:z}));let c=_?.expression;f.length>0&&(c={g:"AND",e:c?[...f,c]:f});const F={searchTerm:u.trim(),sort:m??void 0,order:Y,..._,...c!==void 0&&{expression:c}},Z=await M(F,t);v&&v({...F,from:(t-1)*n,size:n},Z)},J=()=>{S(1)},U=(t,s)=>{Q(m=>({...m,[t]:s}))},W=t=>{S(t)},X=(t,s)=>{$(t),G(s),S(1,{sortKey:t,sortDirection:s})},P=e.jsxs("div",{className:"tdp-search__empty-state",children:[e.jsx("div",{className:"tdp-search__empty-state-icon",children:e.jsx(j.Search,{})}),e.jsx("div",{className:"tdp-search__empty-state-text",children:"No results found. Try adjusting your search query or filters."})]}),R={query:u,setQuery:O,onSearch:J,isLoading:r,placeholder:k},A={filters:y,filterValues:C,onFilterChange:U},E={results:i,total:V,currentPage:H,pageSize:n,columns:b,onPageChange:W,sortKey:h,sortDirection:d,onSort:X};return e.jsxs("div",{className:`tdp-search ${w||""}`,children:[D?D(R):e.jsx(se.DefaultSearchBar,{...R}),y.length>0&&(T?T(A):e.jsx(ee.DefaultFilters,{...A})),o&&e.jsxs(e.Fragment,{children:[e.jsxs(p.Alert,{variant:"destructive",children:[e.jsx(j.AlertCircle,{}),e.jsx(p.AlertTitle,{children:"Error"}),e.jsx(p.AlertDescription,{children:o})]}),P]}),r&&e.jsx("div",{className:"tdp-search__loading-overlay",children:"Loading results..."}),!r&&!x&&e.jsxs("div",{className:"tdp-search__empty-state",children:[e.jsx("div",{className:"tdp-search__empty-state-icon",children:e.jsx(j.Search,{})}),e.jsx("div",{className:"tdp-search__empty-state-text",children:"Enter a search query and click Search to get started."})]}),!r&&!o&&x&&i.length>0&&(N?N(E):e.jsx(te.DefaultResults,{...E})),!r&&!o&&x&&i.length===0&&P]})};exports.TdpSearch=ae;
+//# sourceMappingURL=TdpSearch.cjs.map

package/dist/components/composed/TdpSearch/TdpSearch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TdpSearch.cjs","sources":["../../../../src/components/composed/TdpSearch/TdpSearch.tsx"],"sourcesContent":["import { AlertCircle, Search } from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nimport { DefaultFilters } from \"./components/DefaultFilters\";\nimport { DefaultResults } from \"./components/DefaultResults\";\nimport { DefaultSearchBar } from \"./components/DefaultSearchBar\";\nimport { useSearch } from \"./hooks/useSearch\";\nimport { useTdpCredentials } from \"./hooks/useTdpCredentials\";\n\nimport type { TdpSearchProps, SearchEqlExpression } from \"./types\";\nimport type { SearchEqlRequest } from \"@tetrascience-npm/ts-connectors-sdk\";\n\nimport { Alert, AlertDescription, AlertTitle } from \"@/components/ui/alert\";\n\nimport \"./TdpSearch.scss\";\n\n/**\n * TdpSearch Component\n *\n * A reusable search component for querying the TDP.\n *\n * @example\n * ```tsx\n * <TdpSearch\n *   columns={[\n *     { key: \"id\", header: \"ID\" },\n *     { key: \"filePath\", header: \"File Path\", sortable: true }\n *   ]}\n *   defaultQuery=\"sample-data\"\n *   pageSize={20}\n * />\n * ```\n */\n\nexport const TdpSearch: React.FC<TdpSearchProps> = ({\n  defaultQuery = \"\",\n  columns,\n  filters = [],\n  defaultSort,\n  advancedSearchParams,\n  pageSize = 10,\n  searchPlaceholder = \"Enter search term...\",\n  className,\n  onSearch,\n  renderSearchBar,\n  renderFilters,\n  renderResults,\n  ...props\n}) => {\n  const { authToken, orgSlug } = useTdpCredentials(props.authToken, props.orgSlug);\n\n  const { results, total, currentPage, isLoading, error, executeSearch } = useSearch({\n    ...props,\n    authToken: authToken ?? \"\",\n    orgSlug: orgSlug ?? \"\",\n    pageSize,\n  });\n\n  // UI state\n  const [query, setQuery] = useState(defaultQuery);\n  const [filterValues, setFilterValues] = useState<Record<string, string>>({});\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\");\n  const [hasSearched, setHasSearched] = useState(false);\n\n  // Execute search with current UI state. Optional sortOverride avoids stale state when called from handleSort.\n  const handleExecuteSearch = async (\n    page: number = 1,\n    sortOverride?: { sortKey: string; sortDirection: \"asc\" | \"desc\" },\n  ) => {\n    if (!query.trim()) {\n      return;\n    }\n\n    setHasSearched(true);\n\n    const effectiveSortKey = sortOverride?.sortKey ?? sortKey ?? defaultSort?.field;\n    const effectiveOrder =\n      sortOverride == null\n        ? sortKey\n          ? sortDirection\n          : (defaultSort?.order ?? sortDirection)\n        : sortOverride.sortDirection;\n\n    const filterExpressions = Object.entries(filterValues)\n      .filter(([, value]) => value !== \"\")\n      .map(([key, value]) => ({ field: key, operator: \"eq\", value }));\n\n    let expression: SearchEqlExpression | undefined = advancedSearchParams?.expression as\n      | SearchEqlExpression\n      | undefined;\n\n    if (filterExpressions.length > 0) {\n      expression = {\n        g: \"AND\",\n        e: expression ? [...filterExpressions, expression] : filterExpressions,\n      };\n    }\n\n    const searchRequest: Omit<SearchEqlRequest, \"from\" | \"size\"> = {\n      searchTerm: query.trim(),\n      sort: effectiveSortKey ?? undefined,\n      order: effectiveOrder,\n      ...advancedSearchParams,\n      ...(expression !== undefined && { expression }),\n    };\n\n    const newResults = await executeSearch(searchRequest, page);\n\n    // Call onSearch with the freshly fetched results (not stale state)\n    if (onSearch) {\n      onSearch({ ...searchRequest, from: (page - 1) * pageSize, size: pageSize }, newResults);\n    }\n  };\n\n  // Handle search button click\n  const handleSearch = () => {\n    handleExecuteSearch(1);\n  };\n\n  // Handle filter change\n  const handleFilterChange = (filterKey: string, value: string) => {\n    setFilterValues((prev) => ({\n      ...prev,\n      [filterKey]: value,\n    }));\n  };\n\n  // Handle page change\n  const handlePageChange = (page: number) => {\n    handleExecuteSearch(page);\n  };\n\n  // Handle sort\n  const handleSort = (key: string, direction: \"asc\" | \"desc\") => {\n    setSortKey(key);\n    setSortDirection(direction);\n    handleExecuteSearch(1, { sortKey: key, sortDirection: direction });\n  };\n\n  const emptyState = (\n    <div className=\"tdp-search__empty-state\">\n      <div className=\"tdp-search__empty-state-icon\">\n        <Search />\n      </div>\n      <div className=\"tdp-search__empty-state-text\">No results found. Try adjusting your search query or filters.</div>\n    </div>\n  );\n\n  const searchBarProps = { query, setQuery, onSearch: handleSearch, isLoading, placeholder: searchPlaceholder };\n  const filtersProps = { filters, filterValues, onFilterChange: handleFilterChange };\n  const resultsProps = {\n    results,\n    total,\n    currentPage,\n    pageSize,\n    columns,\n    onPageChange: handlePageChange,\n    sortKey,\n    sortDirection,\n    onSort: handleSort,\n  };\n\n  return (\n    <div className={`tdp-search ${className || \"\"}`}>\n      {renderSearchBar ? renderSearchBar(searchBarProps) : <DefaultSearchBar {...searchBarProps} />}\n\n      {filters.length > 0 && (renderFilters ? renderFilters(filtersProps) : <DefaultFilters {...filtersProps} />)}\n\n      {error && (\n        <>\n          <Alert variant=\"destructive\">\n            <AlertCircle />\n            <AlertTitle>Error</AlertTitle>\n            <AlertDescription>{error}</AlertDescription>\n          </Alert>\n          {emptyState}\n        </>\n      )}\n\n      {isLoading && <div className=\"tdp-search__loading-overlay\">Loading results...</div>}\n\n      {!isLoading && !hasSearched && (\n        <div className=\"tdp-search__empty-state\">\n          <div className=\"tdp-search__empty-state-icon\">\n            <Search />\n          </div>\n          <div className=\"tdp-search__empty-state-text\">Enter a search query and click Search to get started.</div>\n        </div>\n      )}\n\n      {!isLoading &&\n        !error &&\n        hasSearched &&\n        results.length > 0 &&\n        (renderResults ? renderResults(resultsProps) : <DefaultResults {...resultsProps} />)}\n\n      {!isLoading && !error && hasSearched && results.length === 0 && emptyState}\n    </div>\n  );\n};\n\nexport default TdpSearch;\n"],"names":["TdpSearch","defaultQuery","columns","filters","defaultSort","advancedSearchParams","pageSize","searchPlaceholder","className","onSearch","renderSearchBar","renderFilters","renderResults","props","authToken","orgSlug","useTdpCredentials","results","total","currentPage","isLoading","error","executeSearch","useSearch","query","setQuery","useState","filterValues","setFilterValues","sortKey","setSortKey","sortDirection","setSortDirection","hasSearched","setHasSearched","handleExecuteSearch","page","sortOverride","effectiveSortKey","effectiveOrder","filterExpressions","value","key","expression","searchRequest","newResults","handleSearch","handleFilterChange","filterKey","prev","handlePageChange","handleSort","direction","emptyState","jsxs","jsx","Search","searchBarProps","filtersProps","resultsProps","DefaultSearchBar","DefaultFilters","Fragment","Alert","AlertCircle","AlertTitle","AlertDescription","DefaultResults"],"mappings":"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"}

package/dist/components/composed/TdpSearch/TdpSearch.js

@@ -0,0 +1,97 @@
+import { jsxs as c, jsx as e, Fragment as ee } from "react/jsx-runtime";
+import { AlertCircle as te, Search as F } from "lucide-react";
+import { useState as a } from "react";
+import { DefaultFilters as re } from "./components/DefaultFilters.js";
+import { DefaultResults as se } from "./components/DefaultResults.js";
+import { DefaultSearchBar as oe } from "./components/DefaultSearchBar.js";
+import { useSearch as ce } from "./hooks/useSearch.js";
+import { useTdpCredentials as ae } from "./hooks/useTdpCredentials.js";
+import { Alert as ne, AlertTitle as ie, AlertDescription as le } from "../../ui/alert.js";
+/* empty css               */
+const ve = ({
+  defaultQuery: k = "",
+  columns: w,
+  filters: _ = [],
+  defaultSort: v,
+  advancedSearchParams: x,
+  pageSize: n = 10,
+  searchPlaceholder: L = "Enter search term...",
+  className: R,
+  onSearch: N,
+  renderSearchBar: D,
+  renderFilters: T,
+  renderResults: C,
+  ...l
+}) => {
+  const { authToken: V, orgSlug: b } = ae(l.authToken, l.orgSlug), { results: h, total: B, currentPage: H, isLoading: s, error: i, executeSearch: Q } = ce({
+    ...l,
+    authToken: V ?? "",
+    orgSlug: b ?? "",
+    pageSize: n
+  }), [d, $] = a(k), [q, G] = a({}), [m, I] = a(null), [u, J] = a("asc"), [p, M] = a(!1), f = async (t = 1, r) => {
+    if (!d.trim())
+      return;
+    M(!0);
+    const g = r?.sortKey ?? m ?? v?.field, Y = r == null ? m ? u : v?.order ?? u : r.sortDirection, y = Object.entries(q).filter(([, S]) => S !== "").map(([S, z]) => ({ field: S, operator: "eq", value: z }));
+    let o = x?.expression;
+    y.length > 0 && (o = {
+      g: "AND",
+      e: o ? [...y, o] : y
+    });
+    const j = {
+      searchTerm: d.trim(),
+      sort: g ?? void 0,
+      order: Y,
+      ...x,
+      ...o !== void 0 && { expression: o }
+    }, Z = await Q(j, t);
+    N && N({ ...j, from: (t - 1) * n, size: n }, Z);
+  }, O = () => {
+    f(1);
+  }, U = (t, r) => {
+    G((g) => ({
+      ...g,
+      [t]: r
+    }));
+  }, W = (t) => {
+    f(t);
+  }, X = (t, r) => {
+    I(t), J(r), f(1, { sortKey: t, sortDirection: r });
+  }, A = /* @__PURE__ */ c("div", { className: "tdp-search__empty-state", children: [
+    /* @__PURE__ */ e("div", { className: "tdp-search__empty-state-icon", children: /* @__PURE__ */ e(F, {}) }),
+    /* @__PURE__ */ e("div", { className: "tdp-search__empty-state-text", children: "No results found. Try adjusting your search query or filters." })
+  ] }), E = { query: d, setQuery: $, onSearch: O, isLoading: s, placeholder: L }, K = { filters: _, filterValues: q, onFilterChange: U }, P = {
+    results: h,
+    total: B,
+    currentPage: H,
+    pageSize: n,
+    columns: w,
+    onPageChange: W,
+    sortKey: m,
+    sortDirection: u,
+    onSort: X
+  };
+  return /* @__PURE__ */ c("div", { className: `tdp-search ${R || ""}`, children: [
+    D ? D(E) : /* @__PURE__ */ e(oe, { ...E }),
+    _.length > 0 && (T ? T(K) : /* @__PURE__ */ e(re, { ...K })),
+    i && /* @__PURE__ */ c(ee, { children: [
+      /* @__PURE__ */ c(ne, { variant: "destructive", children: [
+        /* @__PURE__ */ e(te, {}),
+        /* @__PURE__ */ e(ie, { children: "Error" }),
+        /* @__PURE__ */ e(le, { children: i })
+      ] }),
+      A
+    ] }),
+    s && /* @__PURE__ */ e("div", { className: "tdp-search__loading-overlay", children: "Loading results..." }),
+    !s && !p && /* @__PURE__ */ c("div", { className: "tdp-search__empty-state", children: [
+      /* @__PURE__ */ e("div", { className: "tdp-search__empty-state-icon", children: /* @__PURE__ */ e(F, {}) }),
+      /* @__PURE__ */ e("div", { className: "tdp-search__empty-state-text", children: "Enter a search query and click Search to get started." })
+    ] }),
+    !s && !i && p && h.length > 0 && (C ? C(P) : /* @__PURE__ */ e(se, { ...P })),
+    !s && !i && p && h.length === 0 && A
+  ] });
+};
+export {
+  ve as TdpSearch
+};
+//# sourceMappingURL=TdpSearch.js.map