chordia-ui 3.1.3 → 3.1.4

package/dist/AutoSearch.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),p=require("lucide-react"),q=require("./TextInput.cjs.js"),j=require("./SmallButton.cjs.js"),E=({options:m=[],value:c=null,onChange:l,placeholder:g="Search...",disabled:k=!1,showSuggestions:n=!0,styling:w,isAddNew:u=!1})=>{const[a,i]=o.useState(""),[f,s]=o.useState(!1),[d,x]=o.useState(null),b=o.useRef(null),y=o.useMemo(()=>{if(!n)return[];const e=a.toLowerCase();return m.filter(t=>{if(!t)return!1;const v=t.label||"",h=t.value||"";return(v.toLowerCase().includes(e)||h.toLowerCase().includes(e))&&(!d||t.value!==d.value)})},[a,m,n,d]),S=o.useMemo(()=>{if(!u)return!1;const e=a.toLowerCase();return m.some(t=>{if(!t)return!1;const v=t.label||"",h=t.value||"";return v.toLowerCase()===e||h.toLowerCase()===e})},[m,a,u]);o.useEffect(()=>{if(!f)return;const e=t=>{b.current&&!b.current.contains(t.target)&&s(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[f]);const L=e=>{l==null||l(e),i(""),s(!1),x(null)},N=()=>{const e={label:a,value:a};x(e),l==null||l(e),s(!1),i("")},O=()=>{l==null||l(null),i(""),s(!1),x(null)},T=e=>{const t=e.target.value;n?(i(t),s(!0)):u?(i(t),s(t.length>=3)):l==null||l(t)},I=()=>{(n||u)&&s(!0)},R=f&&!c&&a.length>=3;return r.jsxs("div",{className:"relative w-full",ref:b,children:[r.jsxs("div",{className:w||"flex items-center gap-2 border rounded-md px-3 py-2 bg-white shadow-sm",children:[r.jsx(p.Search,{className:"w-4 h-4 text-gray-400"}),r.jsx("div",{className:"flex-1",children:n&&c?r.jsx("div",{className:"text-gray-800 truncate",title:c.label,style:{fontSize:"var(--text-sm)",fontWeight:"var(--font-medium)",letterSpacing:"var(--tracking-normal)",lineHeight:"var(--leading-normal)",textTransform:"none",textDecoration:"none",fontFamily:"var(--font-sans)"},children:c.label}):r.jsx(q.TextInput,{value:n||u?a:c||"",onChange:e=>T({target:{value:e}}),placeholder:g,disabled:k,style:{border:"none",boxShadow:"none",padding:0,backgroundColor:"transparent"},onFocus:I})}),(c||d)&&r.jsx(j.SmallButton,{type:"button",variant:"ghost",size:"sm",onClick:O,style:{padding:0,width:20,height:20,border:"none",backgroundColor:"transparent",color:"rgba(107,114,128,1)"},children:r.jsx(p.X,{className:"w-3 h-3"})})]}),R&&r.jsxs("div",{className:"absolute w-full rounded-md border border-gray-300 bg-white shadow-lg custom-thin-scrollbar-library",style:{maxHeight:240,overflowY:"auto",zIndex:30},children:[y.length>0&&r.jsx("ul",{className:"m-0 p-0 list-none",children:y.map(e=>r.jsx("li",{onClick:()=>L(e),onMouseEnter:t=>{t.currentTarget.style.backgroundColor="var(--hover-warm)"},onMouseLeave:t=>{t.currentTarget.style.backgroundColor="transparent"},className:"cursor-pointer px-4 py-2",title:e.label,children:r.jsx("span",{className:"truncate block w-full",style:{fontFamily:"var(--font-sans)",color:"var(--text-base)",fontSize:"var(--text-sm)",fontWeight:"var(--font-medium)",letterSpacing:"var(--tracking-normal)",lineHeight:"var(--leading-normal)",textTransform:"none",textDecoration:"none"},children:e.label})},e.value))}),u&&!S&&!d&&a.length>=3&&r.jsxs(j.SmallButton,{type:"button",variant:"secondary",onClick:N,style:{width:"100%",justifyContent:"space-between",padding:"8px 10px",border:"none",borderTop:"1px solid rgba(229, 231, 235, 1)",borderRadius:0,backgroundColor:"transparent",color:"rgba(107,114,128,1)"},children:[r.jsx("span",{children:`Add "${a}"`}),r.jsx(p.PlusCircle,{className:"w-5 h-5 text-green-500"})]})]})]})};exports.AutoSearch=E;
+//# sourceMappingURL=AutoSearch.cjs.js.map

package/dist/AutoSearch.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSearch.cjs.js","sources":["../src/components/common/AutoSearch.jsx"],"sourcesContent":["\"use client\";\n\nimport React, { useState, useMemo, useRef, useEffect } from \"react\";\nimport { X, Search, PlusCircle } from \"lucide-react\";\nimport TextInput from \"../primitives/TextInput\";\nimport SmallButton from \"../primitives/SmallButton\";\n\nconst AutoSearch = ({\n  options = [],\n  value = null,\n  onChange,\n  placeholder = \"Search...\",\n  disabled = false,\n  showSuggestions = true,\n  styling,\n  isAddNew = false,\n}) => {\n  const [search, setSearch] = useState(\"\");\n  const [isOpen, setIsOpen] = useState(false);\n  const [addedOption, setAddedOption] = useState(null);\n\n  const containerRef = useRef(null);\n\n  const filteredOptions = useMemo(() => {\n    if (!showSuggestions) return [];\n    const lower = search.toLowerCase();\n\n    return options.filter((opt) => {\n      if (!opt) return false;\n      const label = opt.label || \"\";\n      const val = opt.value || \"\";\n      return (\n        (label.toLowerCase().includes(lower) ||\n          val.toLowerCase().includes(lower)) &&\n        (!addedOption || opt.value !== addedOption.value)\n      );\n    });\n  }, [search, options, showSuggestions, addedOption]);\n\n  const exactMatchExists = useMemo(() => {\n    if (!isAddNew) return false;\n    const lower = search.toLowerCase();\n    return options.some((opt) => {\n      if (!opt) return false;\n      const label = opt.label || \"\";\n      const val = opt.value || \"\";\n      return label.toLowerCase() === lower || val.toLowerCase() === lower;\n    });\n  }, [options, search, isAddNew]);\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    if (!isOpen) return;\n    const handleClickOutside = (event) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(event.target)\n      ) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, [isOpen]);\n\n  const handleSelect = (opt) => {\n    onChange?.(opt);\n    setSearch(\"\");\n    setIsOpen(false);\n    setAddedOption(null);\n  };\n\n  const handleAddNew = () => {\n    const newOpt = { label: search, value: search };\n    setAddedOption(newOpt);\n    onChange?.(newOpt);\n    setIsOpen(false);\n    setSearch(\"\");\n  };\n\n  const handleClear = () => {\n    onChange?.(null);\n    setSearch(\"\");\n    setIsOpen(false);\n    setAddedOption(null);\n  };\n\n  const handleInputChange = (e) => {\n    const newValue = e.target.value;\n    if (showSuggestions) {\n      setSearch(newValue);\n      setIsOpen(true);\n    } else if (isAddNew) {\n      setSearch(newValue);\n      setIsOpen(newValue.length >= 3);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n\n  const handleInputFocus = () => {\n    if (showSuggestions || isAddNew) {\n      setIsOpen(true);\n    }\n  };\n\n  const shouldShowDropdown =\n    isOpen && !value && (showSuggestions ? search.length >= 3 : search.length >= 3);\n\n  return (\n    <div className=\"relative w-full\" ref={containerRef}>\n      <div\n        className={\n          styling\n            ? styling\n            : \"flex items-center gap-2 border rounded-md px-3 py-2 bg-white shadow-sm\"\n        }\n      >\n        <Search className=\"w-4 h-4 text-gray-400\" />\n        <div className=\"flex-1\">\n          {showSuggestions && value ? (\n            <div\n              className=\"text-gray-800 truncate\"\n              title={value.label}\n              style={{\n                fontSize: 'var(--text-sm)',\n                fontWeight: 'var(--font-medium)',\n                letterSpacing: 'var(--tracking-normal)',\n                lineHeight: 'var(--leading-normal)',\n                textTransform: 'none',\n                textDecoration: 'none',\n                fontFamily: 'var(--font-sans)',\n              }}\n            >\n              {value.label}\n            </div>\n          ) : (\n            <TextInput\n              value={showSuggestions || isAddNew ? search : value || \"\"}\n              onChange={(val) =>\n                handleInputChange({ target: { value: val } })\n              }\n              placeholder={placeholder}\n              disabled={disabled}\n              style={{\n                border: \"none\",\n                boxShadow: \"none\",\n                padding: 0,\n                backgroundColor: \"transparent\",\n              }}\n              onFocus={handleInputFocus}\n            />\n          )}\n        </div>\n        {(value || addedOption) && (\n          <SmallButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleClear}\n            style={{\n              padding: 0,\n              width: 20,\n              height: 20,\n              border: \"none\",\n              backgroundColor: \"transparent\",\n              color: \"rgba(107,114,128,1)\",\n            }}\n          >\n            <X className=\"w-3 h-3\" />\n          </SmallButton>\n        )}\n      </div>\n\n      {shouldShowDropdown && (\n        <div\n          className=\"absolute w-full rounded-md border border-gray-300 bg-white shadow-lg custom-thin-scrollbar-library\"\n          style={{\n            maxHeight: 240,\n            overflowY: \"auto\",\n            zIndex: 30,\n          }}\n        >\n          {filteredOptions.length > 0 && (\n            <ul className=\"m-0 p-0 list-none\">\n              {filteredOptions.map((opt) => (\n                <li\n                  key={opt.value}\n                  onClick={() => handleSelect(opt)}\n                  onMouseEnter={(e) => {\n                    e.currentTarget.style.backgroundColor = \"var(--hover-warm)\";\n                  }}\n                  onMouseLeave={(e) => {\n                    e.currentTarget.style.backgroundColor = \"transparent\";\n                  }}\n                  className=\"cursor-pointer px-4 py-2\"\n                  title={opt.label}\n                >\n                  <span\n                    className=\"truncate block w-full\"\n                    style={{\n                      fontFamily: \"var(--font-sans)\",\n                      color: \"var(--text-base)\",\n                      fontSize: \"var(--text-sm)\",\n                      fontWeight: \"var(--font-medium)\",\n                      letterSpacing: \"var(--tracking-normal)\",\n                      lineHeight: \"var(--leading-normal)\",\n                      textTransform: \"none\",\n                      textDecoration: \"none\",\n                    }}\n                  >\n                    {opt.label}\n                  </span>\n                </li>\n              ))}\n            </ul>\n          )}\n\n          {isAddNew &&\n            !exactMatchExists &&\n            !addedOption &&\n            search.length >= 3 && (\n              <SmallButton\n                type=\"button\"\n                variant=\"secondary\"\n                onClick={handleAddNew}\n                style={{\n                  width: \"100%\",\n                  justifyContent: \"space-between\",\n                  padding: \"8px 10px\",\n                  border: \"none\",\n                  borderTop: \"1px solid rgba(229, 231, 235, 1)\",\n                  borderRadius: 0,\n                  backgroundColor: \"transparent\",\n                  color: \"rgba(107,114,128,1)\",\n                }}\n              >\n                <span>{`Add \"${search}\"`}</span>\n                <PlusCircle className=\"w-5 h-5 text-green-500\" />\n              </SmallButton>\n            )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default AutoSearch;\n\n"],"names":["AutoSearch","options","value","onChange","placeholder","disabled","showSuggestions","styling","isAddNew","search","setSearch","useState","isOpen","setIsOpen","addedOption","setAddedOption","containerRef","useRef","filteredOptions","useMemo","lower","opt","label","val","exactMatchExists","useEffect","handleClickOutside","event","handleSelect","handleAddNew","newOpt","handleClear","handleInputChange","newValue","handleInputFocus","shouldShowDropdown","jsxs","jsx","Search","TextInput","SmallButton","X","e","PlusCircle"],"mappings":"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"}

package/dist/AutoSearch.es.js

@@ -0,0 +1,190 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useState as x, useRef as M, useMemo as g, useEffect as j } from "react";
+import { Search as D, X as H, PlusCircle as R } from "lucide-react";
+import { T as W } from "./TextInput.es.js";
+import { S as k } from "./SmallButton.es.js";
+const Y = ({
+  options: u = [],
+  value: s = null,
+  onChange: r,
+  placeholder: L = "Search...",
+  disabled: S = !1,
+  showSuggestions: n = !0,
+  styling: w,
+  isAddNew: c = !1
+}) => {
+  const [l, i] = x(""), [f, o] = x(!1), [d, b] = x(null), v = M(null), y = g(() => {
+    if (!n)
+      return [];
+    const e = l.toLowerCase();
+    return u.filter((t) => {
+      if (!t)
+        return !1;
+      const p = t.label || "", h = t.value || "";
+      return (p.toLowerCase().includes(e) || h.toLowerCase().includes(e)) && (!d || t.value !== d.value);
+    });
+  }, [l, u, n, d]), N = g(() => {
+    if (!c)
+      return !1;
+    const e = l.toLowerCase();
+    return u.some((t) => {
+      if (!t)
+        return !1;
+      const p = t.label || "", h = t.value || "";
+      return p.toLowerCase() === e || h.toLowerCase() === e;
+    });
+  }, [u, l, c]);
+  j(() => {
+    if (!f)
+      return;
+    const e = (t) => {
+      v.current && !v.current.contains(t.target) && o(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [f]);
+  const O = (e) => {
+    r == null || r(e), i(""), o(!1), b(null);
+  }, T = () => {
+    const e = { label: l, value: l };
+    b(e), r == null || r(e), o(!1), i("");
+  }, E = () => {
+    r == null || r(null), i(""), o(!1), b(null);
+  }, I = (e) => {
+    const t = e.target.value;
+    n ? (i(t), o(!0)) : c ? (i(t), o(t.length >= 3)) : r == null || r(t);
+  }, z = () => {
+    (n || c) && o(!0);
+  }, F = f && !s && l.length >= 3;
+  return /* @__PURE__ */ m("div", { className: "relative w-full", ref: v, children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: w || "flex items-center gap-2 border rounded-md px-3 py-2 bg-white shadow-sm",
+        children: [
+          /* @__PURE__ */ a(D, { className: "w-4 h-4 text-gray-400" }),
+          /* @__PURE__ */ a("div", { className: "flex-1", children: n && s ? /* @__PURE__ */ a(
+            "div",
+            {
+              className: "text-gray-800 truncate",
+              title: s.label,
+              style: {
+                fontSize: "var(--text-sm)",
+                fontWeight: "var(--font-medium)",
+                letterSpacing: "var(--tracking-normal)",
+                lineHeight: "var(--leading-normal)",
+                textTransform: "none",
+                textDecoration: "none",
+                fontFamily: "var(--font-sans)"
+              },
+              children: s.label
+            }
+          ) : /* @__PURE__ */ a(
+            W,
+            {
+              value: n || c ? l : s || "",
+              onChange: (e) => I({ target: { value: e } }),
+              placeholder: L,
+              disabled: S,
+              style: {
+                border: "none",
+                boxShadow: "none",
+                padding: 0,
+                backgroundColor: "transparent"
+              },
+              onFocus: z
+            }
+          ) }),
+          (s || d) && /* @__PURE__ */ a(
+            k,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: E,
+              style: {
+                padding: 0,
+                width: 20,
+                height: 20,
+                border: "none",
+                backgroundColor: "transparent",
+                color: "rgba(107,114,128,1)"
+              },
+              children: /* @__PURE__ */ a(H, { className: "w-3 h-3" })
+            }
+          )
+        ]
+      }
+    ),
+    F && /* @__PURE__ */ m(
+      "div",
+      {
+        className: "absolute w-full rounded-md border border-gray-300 bg-white shadow-lg custom-thin-scrollbar-library",
+        style: {
+          maxHeight: 240,
+          overflowY: "auto",
+          zIndex: 30
+        },
+        children: [
+          y.length > 0 && /* @__PURE__ */ a("ul", { className: "m-0 p-0 list-none", children: y.map((e) => /* @__PURE__ */ a(
+            "li",
+            {
+              onClick: () => O(e),
+              onMouseEnter: (t) => {
+                t.currentTarget.style.backgroundColor = "var(--hover-warm)";
+              },
+              onMouseLeave: (t) => {
+                t.currentTarget.style.backgroundColor = "transparent";
+              },
+              className: "cursor-pointer px-4 py-2",
+              title: e.label,
+              children: /* @__PURE__ */ a(
+                "span",
+                {
+                  className: "truncate block w-full",
+                  style: {
+                    fontFamily: "var(--font-sans)",
+                    color: "var(--text-base)",
+                    fontSize: "var(--text-sm)",
+                    fontWeight: "var(--font-medium)",
+                    letterSpacing: "var(--tracking-normal)",
+                    lineHeight: "var(--leading-normal)",
+                    textTransform: "none",
+                    textDecoration: "none"
+                  },
+                  children: e.label
+                }
+              )
+            },
+            e.value
+          )) }),
+          c && !N && !d && l.length >= 3 && /* @__PURE__ */ m(
+            k,
+            {
+              type: "button",
+              variant: "secondary",
+              onClick: T,
+              style: {
+                width: "100%",
+                justifyContent: "space-between",
+                padding: "8px 10px",
+                border: "none",
+                borderTop: "1px solid rgba(229, 231, 235, 1)",
+                borderRadius: 0,
+                backgroundColor: "transparent",
+                color: "rgba(107,114,128,1)"
+              },
+              children: [
+                /* @__PURE__ */ a("span", { children: `Add "${l}"` }),
+                /* @__PURE__ */ a(R, { className: "w-5 h-5 text-green-500" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Y as A
+};
+//# sourceMappingURL=AutoSearch.es.js.map

package/dist/AutoSearch.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSearch.es.js","sources":["../src/components/common/AutoSearch.jsx"],"sourcesContent":["\"use client\";\n\nimport React, { useState, useMemo, useRef, useEffect } from \"react\";\nimport { X, Search, PlusCircle } from \"lucide-react\";\nimport TextInput from \"../primitives/TextInput\";\nimport SmallButton from \"../primitives/SmallButton\";\n\nconst AutoSearch = ({\n  options = [],\n  value = null,\n  onChange,\n  placeholder = \"Search...\",\n  disabled = false,\n  showSuggestions = true,\n  styling,\n  isAddNew = false,\n}) => {\n  const [search, setSearch] = useState(\"\");\n  const [isOpen, setIsOpen] = useState(false);\n  const [addedOption, setAddedOption] = useState(null);\n\n  const containerRef = useRef(null);\n\n  const filteredOptions = useMemo(() => {\n    if (!showSuggestions) return [];\n    const lower = search.toLowerCase();\n\n    return options.filter((opt) => {\n      if (!opt) return false;\n      const label = opt.label || \"\";\n      const val = opt.value || \"\";\n      return (\n        (label.toLowerCase().includes(lower) ||\n          val.toLowerCase().includes(lower)) &&\n        (!addedOption || opt.value !== addedOption.value)\n      );\n    });\n  }, [search, options, showSuggestions, addedOption]);\n\n  const exactMatchExists = useMemo(() => {\n    if (!isAddNew) return false;\n    const lower = search.toLowerCase();\n    return options.some((opt) => {\n      if (!opt) return false;\n      const label = opt.label || \"\";\n      const val = opt.value || \"\";\n      return label.toLowerCase() === lower || val.toLowerCase() === lower;\n    });\n  }, [options, search, isAddNew]);\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    if (!isOpen) return;\n    const handleClickOutside = (event) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(event.target)\n      ) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, [isOpen]);\n\n  const handleSelect = (opt) => {\n    onChange?.(opt);\n    setSearch(\"\");\n    setIsOpen(false);\n    setAddedOption(null);\n  };\n\n  const handleAddNew = () => {\n    const newOpt = { label: search, value: search };\n    setAddedOption(newOpt);\n    onChange?.(newOpt);\n    setIsOpen(false);\n    setSearch(\"\");\n  };\n\n  const handleClear = () => {\n    onChange?.(null);\n    setSearch(\"\");\n    setIsOpen(false);\n    setAddedOption(null);\n  };\n\n  const handleInputChange = (e) => {\n    const newValue = e.target.value;\n    if (showSuggestions) {\n      setSearch(newValue);\n      setIsOpen(true);\n    } else if (isAddNew) {\n      setSearch(newValue);\n      setIsOpen(newValue.length >= 3);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n\n  const handleInputFocus = () => {\n    if (showSuggestions || isAddNew) {\n      setIsOpen(true);\n    }\n  };\n\n  const shouldShowDropdown =\n    isOpen && !value && (showSuggestions ? search.length >= 3 : search.length >= 3);\n\n  return (\n    <div className=\"relative w-full\" ref={containerRef}>\n      <div\n        className={\n          styling\n            ? styling\n            : \"flex items-center gap-2 border rounded-md px-3 py-2 bg-white shadow-sm\"\n        }\n      >\n        <Search className=\"w-4 h-4 text-gray-400\" />\n        <div className=\"flex-1\">\n          {showSuggestions && value ? (\n            <div\n              className=\"text-gray-800 truncate\"\n              title={value.label}\n              style={{\n                fontSize: 'var(--text-sm)',\n                fontWeight: 'var(--font-medium)',\n                letterSpacing: 'var(--tracking-normal)',\n                lineHeight: 'var(--leading-normal)',\n                textTransform: 'none',\n                textDecoration: 'none',\n                fontFamily: 'var(--font-sans)',\n              }}\n            >\n              {value.label}\n            </div>\n          ) : (\n            <TextInput\n              value={showSuggestions || isAddNew ? search : value || \"\"}\n              onChange={(val) =>\n                handleInputChange({ target: { value: val } })\n              }\n              placeholder={placeholder}\n              disabled={disabled}\n              style={{\n                border: \"none\",\n                boxShadow: \"none\",\n                padding: 0,\n                backgroundColor: \"transparent\",\n              }}\n              onFocus={handleInputFocus}\n            />\n          )}\n        </div>\n        {(value || addedOption) && (\n          <SmallButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleClear}\n            style={{\n              padding: 0,\n              width: 20,\n              height: 20,\n              border: \"none\",\n              backgroundColor: \"transparent\",\n              color: \"rgba(107,114,128,1)\",\n            }}\n          >\n            <X className=\"w-3 h-3\" />\n          </SmallButton>\n        )}\n      </div>\n\n      {shouldShowDropdown && (\n        <div\n          className=\"absolute w-full rounded-md border border-gray-300 bg-white shadow-lg custom-thin-scrollbar-library\"\n          style={{\n            maxHeight: 240,\n            overflowY: \"auto\",\n            zIndex: 30,\n          }}\n        >\n          {filteredOptions.length > 0 && (\n            <ul className=\"m-0 p-0 list-none\">\n              {filteredOptions.map((opt) => (\n                <li\n                  key={opt.value}\n                  onClick={() => handleSelect(opt)}\n                  onMouseEnter={(e) => {\n                    e.currentTarget.style.backgroundColor = \"var(--hover-warm)\";\n                  }}\n                  onMouseLeave={(e) => {\n                    e.currentTarget.style.backgroundColor = \"transparent\";\n                  }}\n                  className=\"cursor-pointer px-4 py-2\"\n                  title={opt.label}\n                >\n                  <span\n                    className=\"truncate block w-full\"\n                    style={{\n                      fontFamily: \"var(--font-sans)\",\n                      color: \"var(--text-base)\",\n                      fontSize: \"var(--text-sm)\",\n                      fontWeight: \"var(--font-medium)\",\n                      letterSpacing: \"var(--tracking-normal)\",\n                      lineHeight: \"var(--leading-normal)\",\n                      textTransform: \"none\",\n                      textDecoration: \"none\",\n                    }}\n                  >\n                    {opt.label}\n                  </span>\n                </li>\n              ))}\n            </ul>\n          )}\n\n          {isAddNew &&\n            !exactMatchExists &&\n            !addedOption &&\n            search.length >= 3 && (\n              <SmallButton\n                type=\"button\"\n                variant=\"secondary\"\n                onClick={handleAddNew}\n                style={{\n                  width: \"100%\",\n                  justifyContent: \"space-between\",\n                  padding: \"8px 10px\",\n                  border: \"none\",\n                  borderTop: \"1px solid rgba(229, 231, 235, 1)\",\n                  borderRadius: 0,\n                  backgroundColor: \"transparent\",\n                  color: \"rgba(107,114,128,1)\",\n                }}\n              >\n                <span>{`Add \"${search}\"`}</span>\n                <PlusCircle className=\"w-5 h-5 text-green-500\" />\n              </SmallButton>\n            )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default AutoSearch;\n\n"],"names":["AutoSearch","options","value","onChange","placeholder","disabled","showSuggestions","styling","isAddNew","search","setSearch","useState","isOpen","setIsOpen","addedOption","setAddedOption","containerRef","useRef","filteredOptions","useMemo","lower","opt","label","val","exactMatchExists","useEffect","handleClickOutside","event","handleSelect","handleAddNew","newOpt","handleClear","handleInputChange","newValue","handleInputFocus","shouldShowDropdown","jsxs","jsx","Search","TextInput","SmallButton","X","e","PlusCircle"],"mappings":"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"}

package/dist/TextInput.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime");require("react");const d={width:"100%",padding:"var(--spacing-2)",fontSize:"var(--text-md)",border:"1px solid var(--border)",borderRadius:"var(--radius)",backgroundColor:"var(--paper)",color:"var(--text-base)",fontFamily:"var(--font-sans)",outline:"none",transition:"border-color 0.15s ease"};function c({value:o,onChange:e,placeholder:a,disabled:t=!1,mono:s=!1,autoFocus:n=!1,style:l,...u}){return i.jsx("input",{type:"text",value:o,onChange:r=>e==null?void 0:e(r.target.value),placeholder:a,disabled:t,autoFocus:n,style:{...d,...s?{fontFamily:"var(--font-mono)"}:{},...t?{opacity:.6,cursor:"not-allowed"}:{},...l},onFocus:r=>{r.currentTarget.style.borderColor="var(--border-hover)"},onBlur:r=>{r.currentTarget.style.borderColor="var(--border)"},...u})}exports.TextInput=c;
+//# sourceMappingURL=TextInput.cjs.js.map

package/dist/TextInput.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.cjs.js","sources":["../src/components/primitives/TextInput.jsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\n\nconst baseStyle = {\n  width: '100%',\n  padding: 'var(--spacing-2)',\n  fontSize: 'var(--text-md)',\n  border: '1px solid var(--border)',\n  borderRadius: 'var(--radius)',\n  backgroundColor: 'var(--paper)',\n  color: 'var(--text-base)',\n  fontFamily: 'var(--font-sans)',\n  outline: 'none',\n  transition: 'border-color 0.15s ease',\n};\n\nexport default function TextInput({\n  value,\n  onChange,\n  placeholder,\n  disabled = false,\n  mono = false,\n  autoFocus = false,\n  style,\n  ...rest\n}) {\n  return (\n    <input\n      type=\"text\"\n      value={value}\n      onChange={(e) => onChange?.(e.target.value)}\n      placeholder={placeholder}\n      disabled={disabled}\n      autoFocus={autoFocus}\n      style={{\n        ...baseStyle,\n        ...(mono ? { fontFamily: 'var(--font-mono)' } : {}),\n        ...(disabled ? { opacity: 0.6, cursor: 'not-allowed' } : {}),\n        ...style,\n      }}\n      onFocus={(e) => { e.currentTarget.style.borderColor = 'var(--border-hover)'; }}\n      onBlur={(e) => { e.currentTarget.style.borderColor = 'var(--border)'; }}\n      {...rest}\n    />\n  );\n}\n"],"names":["baseStyle","TextInput","value","onChange","placeholder","disabled","mono","autoFocus","style","rest","jsx","e"],"mappings":"mEAGA,MAAMA,EAAY,CAChB,MAAO,OACP,QAAS,mBACT,SAAU,iBACV,OAAQ,0BACR,aAAc,gBACd,gBAAiB,eACjB,MAAO,mBACP,WAAY,mBACZ,QAAS,OACT,WAAY,yBACd,EAEA,SAAwBC,EAAU,CAChC,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EAAO,GACP,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAAG,CAEC,OAAAC,EAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAAR,EACA,SAAWS,GAAMR,GAAA,YAAAA,EAAWQ,EAAE,OAAO,OACrC,YAAAP,EACA,SAAAC,EACA,UAAAE,EACA,MAAO,CACL,GAAGP,EACH,GAAIM,EAAO,CAAE,WAAY,oBAAuB,CAAC,EACjD,GAAID,EAAW,CAAE,QAAS,GAAK,OAAQ,aAAA,EAAkB,CAAC,EAC1D,GAAGG,CACL,EACA,QAAUG,GAAM,CAAIA,EAAA,cAAc,MAAM,YAAc,qBAAuB,EAC7E,OAASA,GAAM,CAAIA,EAAA,cAAc,MAAM,YAAc,eAAiB,EACrE,GAAGF,CAAA,CAAA,CAGV"}

package/dist/TextInput.es.js

@@ -0,0 +1,53 @@
+import { jsx as d } from "react/jsx-runtime";
+import "react";
+const u = {
+  width: "100%",
+  padding: "var(--spacing-2)",
+  fontSize: "var(--text-md)",
+  border: "1px solid var(--border)",
+  borderRadius: "var(--radius)",
+  backgroundColor: "var(--paper)",
+  color: "var(--text-base)",
+  fontFamily: "var(--font-sans)",
+  outline: "none",
+  transition: "border-color 0.15s ease"
+};
+function c({
+  value: e,
+  onChange: o,
+  placeholder: a,
+  disabled: t = !1,
+  mono: s = !1,
+  autoFocus: n = !1,
+  style: l,
+  ...i
+}) {
+  return /* @__PURE__ */ d(
+    "input",
+    {
+      type: "text",
+      value: e,
+      onChange: (r) => o == null ? void 0 : o(r.target.value),
+      placeholder: a,
+      disabled: t,
+      autoFocus: n,
+      style: {
+        ...u,
+        ...s ? { fontFamily: "var(--font-mono)" } : {},
+        ...t ? { opacity: 0.6, cursor: "not-allowed" } : {},
+        ...l
+      },
+      onFocus: (r) => {
+        r.currentTarget.style.borderColor = "var(--border-hover)";
+      },
+      onBlur: (r) => {
+        r.currentTarget.style.borderColor = "var(--border)";
+      },
+      ...i
+    }
+  );
+}
+export {
+  c as T
+};
+//# sourceMappingURL=TextInput.es.js.map

package/dist/TextInput.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.es.js","sources":["../src/components/primitives/TextInput.jsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\n\nconst baseStyle = {\n  width: '100%',\n  padding: 'var(--spacing-2)',\n  fontSize: 'var(--text-md)',\n  border: '1px solid var(--border)',\n  borderRadius: 'var(--radius)',\n  backgroundColor: 'var(--paper)',\n  color: 'var(--text-base)',\n  fontFamily: 'var(--font-sans)',\n  outline: 'none',\n  transition: 'border-color 0.15s ease',\n};\n\nexport default function TextInput({\n  value,\n  onChange,\n  placeholder,\n  disabled = false,\n  mono = false,\n  autoFocus = false,\n  style,\n  ...rest\n}) {\n  return (\n    <input\n      type=\"text\"\n      value={value}\n      onChange={(e) => onChange?.(e.target.value)}\n      placeholder={placeholder}\n      disabled={disabled}\n      autoFocus={autoFocus}\n      style={{\n        ...baseStyle,\n        ...(mono ? { fontFamily: 'var(--font-mono)' } : {}),\n        ...(disabled ? { opacity: 0.6, cursor: 'not-allowed' } : {}),\n        ...style,\n      }}\n      onFocus={(e) => { e.currentTarget.style.borderColor = 'var(--border-hover)'; }}\n      onBlur={(e) => { e.currentTarget.style.borderColor = 'var(--border)'; }}\n      {...rest}\n    />\n  );\n}\n"],"names":["baseStyle","TextInput","value","onChange","placeholder","disabled","mono","autoFocus","style","rest","jsx","e"],"mappings":";;AAGA,MAAMA,IAAY;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AACd;AAEA,SAAwBC,EAAU;AAAA,EAChC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AAEC,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAAR;AAAA,MACA,UAAU,CAACS,MAAMR,KAAA,gBAAAA,EAAWQ,EAAE,OAAO;AAAA,MACrC,aAAAP;AAAA,MACA,UAAAC;AAAA,MACA,WAAAE;AAAA,MACA,OAAO;AAAA,QACL,GAAGP;AAAA,QACH,GAAIM,IAAO,EAAE,YAAY,uBAAuB,CAAC;AAAA,QACjD,GAAID,IAAW,EAAE,SAAS,KAAK,QAAQ,cAAA,IAAkB,CAAC;AAAA,QAC1D,GAAGG;AAAA,MACL;AAAA,MACA,SAAS,CAACG,MAAM;AAAI,QAAAA,EAAA,cAAc,MAAM,cAAc;AAAA,MAAuB;AAAA,MAC7E,QAAQ,CAACA,MAAM;AAAI,QAAAA,EAAA,cAAc,MAAM,cAAc;AAAA,MAAiB;AAAA,MACrE,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/common.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../AgentLiftCard.cjs.js"),r=require("../SummarySection.cjs.js"),i=require("../CustomFilterChips.cjs.js");require("react/jsx-runtime");require("react");require("lucide-react");require("../SmallButton.cjs.js");require("react-dom");exports.AgentLiftCard=e.AgentLiftCard;exports.EvidenceItem=e.EvidenceItem;exports.ConditionCard=r.ConditionCard;exports.ModelScoreCard=r.ModelScoreCard;exports.ObservationCard=r.ObservationCard;exports.ScoreDriverCard=r.ScoreDriverCard;exports.ScoreDriverCardVariant=r.ScoreDriverCardVariant;exports.SignalCard=r.SignalCard;exports.SmallObservationCard=r.SmallObservationCard;exports.SummarySection=r.SummarySection;exports.CustomFilterChips=i.CustomFilterChips;exports.Pagination=i.Pagination;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../AgentLiftCard.cjs.js"),r=require("../SummarySection.cjs.js"),i=require("../CustomFilterChips.cjs.js"),a=require("../AutoSearch.cjs.js");require("react/jsx-runtime");require("react");require("lucide-react");require("../SmallButton.cjs.js");require("react-dom");require("../TextInput.cjs.js");exports.AgentLiftCard=e.AgentLiftCard;exports.EvidenceItem=e.EvidenceItem;exports.ConditionCard=r.ConditionCard;exports.ModelScoreCard=r.ModelScoreCard;exports.ObservationCard=r.ObservationCard;exports.ScoreDriverCard=r.ScoreDriverCard;exports.ScoreDriverCardVariant=r.ScoreDriverCardVariant;exports.SignalCard=r.SignalCard;exports.SmallObservationCard=r.SmallObservationCard;exports.SummarySection=r.SummarySection;exports.CustomFilterChips=i.CustomFilterChips;exports.Pagination=i.Pagination;exports.AutoSearch=a.AutoSearch;
 //# sourceMappingURL=common.cjs.js.map

package/dist/components/common.es.js

@@ -1,23 +1,26 @@
-import { A as m, E as C } from "../AgentLiftCard.es.js";
-import { C as n, M as p, O as S, b as c, c as l, S as v, a as f, d as b } from "../SummarySection.es.js";
-import { C as x, P as O } from "../CustomFilterChips.es.js";
+import { A as C, E as d } from "../AgentLiftCard.es.js";
+import { C as p, M as S, O as c, b as f, c as l, S as v, a as x, d as A } from "../SummarySection.es.js";
+import { C as g, P as u } from "../CustomFilterChips.es.js";
+import { A as h } from "../AutoSearch.es.js";
 import "react/jsx-runtime";
 import "react";
 import "lucide-react";
 import "../SmallButton.es.js";
 import "react-dom";
+import "../TextInput.es.js";
 export {
-  m as AgentLiftCard,
-  n as ConditionCard,
-  x as CustomFilterChips,
-  C as EvidenceItem,
-  p as ModelScoreCard,
-  S as ObservationCard,
-  O as Pagination,
-  c as ScoreDriverCard,
+  C as AgentLiftCard,
+  h as AutoSearch,
+  p as ConditionCard,
+  g as CustomFilterChips,
+  d as EvidenceItem,
+  S as ModelScoreCard,
+  c as ObservationCard,
+  u as Pagination,
+  f as ScoreDriverCard,
   l as ScoreDriverCardVariant,
   v as SignalCard,
-  f as SmallObservationCard,
-  b as SummarySection
+  x as SmallObservationCard,
+  A as SummarySection
 };
 //# sourceMappingURL=common.es.js.map

package/dist/components/common.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"common.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/models.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const u=require("lucide-react"),x=require("react-dom");function m({open:i,onClose:n,title:r="",children:s,maxWidth:d=700,showCloseButton:l=!0,footer:t=null,className:a="",bodyClassName:o=""}){if(!i||typeof document>"u")return null;const c=e.jsx("div",{className:"fixed inset-0 flex items-center justify-center bg-black/30 p-4",style:{zIndex:1004},children:e.jsxs("div",{className:`bg-white rounded-xl shadow-xl relative w-full ${a}`,style:{maxWidth:d,maxHeight:"90vh",display:"flex",flexDirection:"column",overflow:"hidden"},children:[e.jsxs("div",{style:{position:"relative",flexShrink:0,background:"#fff",borderBottom:"1px solid rgba(0,0,0,0.08)",padding:r||l?"1rem 1.5rem 1rem":0,borderRadius:"12px 12px 0 0"},children:[l&&e.jsx("button",{type:"button",className:"absolute top-3 right-3 text-gray-400 hover:text-black",onClick:n,children:e.jsx(u.X,{size:20})}),r&&e.jsx("div",{className:"pr-8",children:e.jsx("h2",{className:"font-bold text-lg",children:r})})]}),e.jsx("div",{className:`custom-thin-scrollbar-library ${o}`,style:{flex:1,minHeight:0,overflowY:"auto",padding:"1rem 1.5rem"},children:s}),t&&e.jsx("div",{style:{flexShrink:0,padding:"1rem 1.5rem",borderTop:"1px solid rgba(0,0,0,0.08)"},children:t})]})});return x.createPortal(c,document.body)}exports.OverlayPanel=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const u=require("lucide-react"),x=require("react-dom");function m({open:i,onClose:n,title:r="",children:s,maxWidth:a=700,showCloseButton:l=!0,footer:t=null,className:d="",bodyClassName:o=""}){if(!i||typeof document>"u")return null;const c=e.jsx("div",{className:"fixed inset-0 flex items-center justify-center bg-black/30 p-4",style:{zIndex:1004},children:e.jsxs("div",{className:`bg-white rounded-xl shadow-xl relative w-full ${d}`,style:{maxWidth:a,maxHeight:"90vh",display:"flex",flexDirection:"column",overflow:"hidden"},children:[e.jsxs("div",{style:{position:"relative",flexShrink:0,background:"#fff",borderBottom:"1px solid rgba(0,0,0,0.08)",padding:r||l?"1rem 1.5rem 1rem":0,borderRadius:"12px 12px 0 0"},children:[l&&e.jsx("button",{type:"button",className:"absolute top-3 right-3 text-gray-400 hover:text-black",onClick:n,children:e.jsx(u.X,{size:20})}),r&&e.jsx("div",{className:"pr-8",children:e.jsx("h2",{className:"font-bold text-lg",style:{fontFamily:"var(--font-sans)"},children:r})})]}),e.jsx("div",{className:`custom-thin-scrollbar-library ${o}`,style:{flex:1,minHeight:0,overflowY:"auto",padding:"1rem 1.5rem"},children:s}),t&&e.jsx("div",{style:{flexShrink:0,padding:"1rem 1.5rem",borderTop:"1px solid rgba(0,0,0,0.08)"},children:t})]})});return x.createPortal(c,document.body)}exports.OverlayPanel=m;
 //# sourceMappingURL=models.cjs.js.map

package/dist/components/models.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"models.cjs.js","sources":["../../src/components/models/OverlayPanel.jsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { X } from \"lucide-react\";\nimport { createPortal } from \"react-dom\";\n\n/**\n * OverlayPanel\n *\n * Generic overlay + panel shell that handles:\n * - Portal to document.body\n * - Backdrop\n * - Centered scrollable panel with max height\n *\n * Responsibility:\n * - Layout, scroll, close behaviors\n * - Does NOT own feature logic or data fetching\n */\nexport default function OverlayPanel({\n  open,\n  onClose,\n  title = \"\",\n  children,\n  maxWidth = 700,\n  showCloseButton = true,\n  footer = null,\n  className = \"\",\n  bodyClassName = \"\",\n}) {\n  if (!open) return null;\n  if (typeof document === \"undefined\") return null;\n\n  const content = (\n    <div\n      className=\"fixed inset-0 flex items-center justify-center bg-black/30 p-4\"\n      style={{ zIndex: 1004 }}\n      >\n      <div\n        className={`bg-white rounded-xl shadow-xl relative w-full ${className}`}\n        style={{\n          maxWidth,\n          maxHeight: \"90vh\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          overflow: \"hidden\",\n        }}\n      >\n        {/* Header: fixed at top, no scroll */}\n        <div\n          style={{\n            position: \"relative\",\n            flexShrink: 0,\n            background: \"#fff\",\n            borderBottom: \"1px solid rgba(0,0,0,0.08)\",\n            padding: title || showCloseButton ? \"1rem 1.5rem 1rem\" : 0,\n            borderRadius: \"12px 12px 0 0\",\n          }}\n        >\n          {showCloseButton && (\n            <button\n              type=\"button\"\n              className=\"absolute top-3 right-3 text-gray-400 hover:text-black\"\n              onClick={onClose}\n            >\n              <X size={20} />\n            </button>\n          )}\n          {title && (\n            <div className=\"pr-8\">\n              <h2 className=\"font-bold text-lg\">{title}</h2>\n            </div>\n          )}\n        </div>\n\n        {/* Body: only this section scrolls */}\n        <div\n          className={`custom-thin-scrollbar-library ${bodyClassName}`}\n          style={{\n            flex: 1,\n            minHeight: 0,\n            overflowY: \"auto\",\n            padding: \"1rem 1.5rem\",\n          }}\n        >\n          {children}\n        </div>\n\n        {footer && (\n          <div\n            style={{\n              flexShrink: 0,\n              padding: \"1rem 1.5rem\",\n              borderTop: \"1px solid rgba(0,0,0,0.08)\",\n            }}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  return createPortal(content, document.body);\n}\n\n"],"names":["OverlayPanel","open","onClose","title","children","maxWidth","showCloseButton","footer","className","bodyClassName","content","jsx","jsxs","X","createPortal"],"mappings":"6LAkBA,SAAwBA,EAAa,CACnC,KAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,GACR,SAAAC,EACA,SAAAC,EAAW,IACX,gBAAAC,EAAkB,GAClB,OAAAC,EAAS,KACT,UAAAC,EAAY,GACZ,cAAAC,EAAgB,EAClB,EAAG,CAED,GADI,CAACR,GACD,OAAO,SAAa,IAAoB,OAAA,KAE5C,MAAMS,EACJC,EAAA,IAAC,MAAA,CACC,UAAU,iEACV,MAAO,CAAE,OAAQ,IAAK,EAEtB,SAAAC,EAAA,KAAC,MAAA,CACC,UAAW,iDAAiDJ,CAAS,GACrE,MAAO,CACL,SAAAH,EACA,UAAW,OACX,QAAS,OACT,cAAe,SACf,SAAU,QACZ,EAGA,SAAA,CAAAO,EAAA,KAAC,MAAA,CACC,MAAO,CACL,SAAU,WACV,WAAY,EACZ,WAAY,OACZ,aAAc,6BACd,QAAST,GAASG,EAAkB,mBAAqB,EACzD,aAAc,eAChB,EAEC,SAAA,CACCA,GAAAK,EAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,wDACV,QAAST,EAET,SAAAS,EAAAA,IAACE,EAAAA,EAAE,CAAA,KAAM,EAAI,CAAA,CAAA,CACf,EAEDV,GACEQ,EAAA,IAAA,MAAA,CAAI,UAAU,OACb,eAAC,KAAG,CAAA,UAAU,oBAAqB,SAAAR,CAAA,CAAM,CAC3C,CAAA,CAAA,CAAA,CAEJ,EAGAQ,EAAA,IAAC,MAAA,CACC,UAAW,iCAAiCF,CAAa,GACzD,MAAO,CACL,KAAM,EACN,UAAW,EACX,UAAW,OACX,QAAS,aACX,EAEC,SAAAL,CAAA,CACH,EAECG,GACCI,EAAA,IAAC,MAAA,CACC,MAAO,CACL,WAAY,EACZ,QAAS,cACT,UAAW,4BACb,EAEC,SAAAJ,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,EAIG,OAAAO,eAAaJ,EAAS,SAAS,IAAI,CAC5C"}
+{"version":3,"file":"models.cjs.js","sources":["../../src/components/models/OverlayPanel.jsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { X } from \"lucide-react\";\nimport { createPortal } from \"react-dom\";\n\n/**\n * OverlayPanel\n *\n * Generic overlay + panel shell that handles:\n * - Portal to document.body\n * - Backdrop\n * - Centered scrollable panel with max height\n *\n * Responsibility:\n * - Layout, scroll, close behaviors\n * - Does NOT own feature logic or data fetching\n */\nexport default function OverlayPanel({\n  open,\n  onClose,\n  title = \"\",\n  children,\n  maxWidth = 700,\n  showCloseButton = true,\n  footer = null,\n  className = \"\",\n  bodyClassName = \"\",\n}) {\n  if (!open) return null;\n  if (typeof document === \"undefined\") return null;\n\n  const content = (\n    <div\n      className=\"fixed inset-0 flex items-center justify-center bg-black/30 p-4\"\n      style={{ zIndex: 1004 }}\n      >\n      <div\n        className={`bg-white rounded-xl shadow-xl relative w-full ${className}`}\n        style={{\n          maxWidth,\n          maxHeight: \"90vh\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          overflow: \"hidden\",\n        }}\n      >\n        {/* Header: fixed at top, no scroll */}\n        <div\n          style={{\n            position: \"relative\",\n            flexShrink: 0,\n            background: \"#fff\",\n            borderBottom: \"1px solid rgba(0,0,0,0.08)\",\n            padding: title || showCloseButton ? \"1rem 1.5rem 1rem\" : 0,\n            borderRadius: \"12px 12px 0 0\",\n          }}\n        >\n          {showCloseButton && (\n            <button\n              type=\"button\"\n              className=\"absolute top-3 right-3 text-gray-400 hover:text-black\"\n              onClick={onClose}\n            >\n              <X size={20} />\n            </button>\n          )}\n          {title && (\n            <div className=\"pr-8\">\n              <h2 className=\"font-bold text-lg\" style={{ fontFamily: 'var(--font-sans)' }}>{title}</h2>\n            </div>\n          )}\n        </div>\n\n        {/* Body: only this section scrolls */}\n        <div\n          className={`custom-thin-scrollbar-library ${bodyClassName}`}\n          style={{\n            flex: 1,\n            minHeight: 0,\n            overflowY: \"auto\",\n            padding: \"1rem 1.5rem\",\n          }}\n        >\n          {children}\n        </div>\n\n        {footer && (\n          <div\n            style={{\n              flexShrink: 0,\n              padding: \"1rem 1.5rem\",\n              borderTop: \"1px solid rgba(0,0,0,0.08)\",\n            }}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  return createPortal(content, document.body);\n}\n\n"],"names":["OverlayPanel","open","onClose","title","children","maxWidth","showCloseButton","footer","className","bodyClassName","content","jsx","jsxs","X","createPortal"],"mappings":"6LAkBA,SAAwBA,EAAa,CACnC,KAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,GACR,SAAAC,EACA,SAAAC,EAAW,IACX,gBAAAC,EAAkB,GAClB,OAAAC,EAAS,KACT,UAAAC,EAAY,GACZ,cAAAC,EAAgB,EAClB,EAAG,CAED,GADI,CAACR,GACD,OAAO,SAAa,IAAoB,OAAA,KAE5C,MAAMS,EACJC,EAAA,IAAC,MAAA,CACC,UAAU,iEACV,MAAO,CAAE,OAAQ,IAAK,EAEtB,SAAAC,EAAA,KAAC,MAAA,CACC,UAAW,iDAAiDJ,CAAS,GACrE,MAAO,CACL,SAAAH,EACA,UAAW,OACX,QAAS,OACT,cAAe,SACf,SAAU,QACZ,EAGA,SAAA,CAAAO,EAAA,KAAC,MAAA,CACC,MAAO,CACL,SAAU,WACV,WAAY,EACZ,WAAY,OACZ,aAAc,6BACd,QAAST,GAASG,EAAkB,mBAAqB,EACzD,aAAc,eAChB,EAEC,SAAA,CACCA,GAAAK,EAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,wDACV,QAAST,EAET,SAAAS,EAAAA,IAACE,EAAAA,EAAE,CAAA,KAAM,EAAI,CAAA,CAAA,CACf,EAEDV,GACCQ,EAAAA,IAAC,MAAI,CAAA,UAAU,OACb,SAACA,EAAA,IAAA,KAAA,CAAG,UAAU,oBAAoB,MAAO,CAAE,WAAY,kBAAmB,EAAI,UAAM,CAAA,EACtF,CAAA,CAAA,CAEJ,EAGAA,EAAA,IAAC,MAAA,CACC,UAAW,iCAAiCF,CAAa,GACzD,MAAO,CACL,KAAM,EACN,UAAW,EACX,UAAW,OACX,QAAS,aACX,EAEC,SAAAL,CAAA,CACH,EAECG,GACCI,EAAA,IAAC,MAAA,CACC,MAAO,CACL,WAAY,EACZ,QAAS,cACT,UAAW,4BACb,EAEC,SAAAJ,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,EAIG,OAAAO,eAAaJ,EAAS,SAAS,IAAI,CAC5C"}

package/dist/components/models.es.js

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
 import { X as f } from "lucide-react";
 import { createPortal as u } from "react-dom";
-function g({
+function y({
   open: n,
   onClose: o,
   title: r = "",
   children: d,
   maxWidth: a = 700,
   showCloseButton: l = !0,
-  footer: i = null,
+  footer: t = null,
   className: s = "",
   bodyClassName: c = ""
 }) {
@@ -20,7 +20,7 @@ function g({
     {
       className: "fixed inset-0 flex items-center justify-center bg-black/30 p-4",
       style: { zIndex: 1004 },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ i(
         "div",
         {
           className: `bg-white rounded-xl shadow-xl relative w-full ${s}`,
@@ -32,7 +32,7 @@ function g({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ i(
               "div",
               {
                 style: {
@@ -53,7 +53,7 @@ function g({
                       children: /* @__PURE__ */ e(f, { size: 20 })
                     }
                   ),
-                  r && /* @__PURE__ */ e("div", { className: "pr-8", children: /* @__PURE__ */ e("h2", { className: "font-bold text-lg", children: r }) })
+                  r && /* @__PURE__ */ e("div", { className: "pr-8", children: /* @__PURE__ */ e("h2", { className: "font-bold text-lg", style: { fontFamily: "var(--font-sans)" }, children: r }) })
                 ]
               }
             ),
@@ -70,7 +70,7 @@ function g({
                 children: d
               }
             ),
-            i && /* @__PURE__ */ e(
+            t && /* @__PURE__ */ e(
               "div",
               {
                 style: {
@@ -78,7 +78,7 @@ function g({
                   padding: "1rem 1.5rem",
                   borderTop: "1px solid rgba(0,0,0,0.08)"
                 },
-                children: i
+                children: t
               }
             )
           ]
@@ -89,6 +89,6 @@ function g({
   return u(m, document.body);
 }
 export {
-  g as OverlayPanel
+  y as OverlayPanel
 };
 //# sourceMappingURL=models.es.js.map

package/dist/components/models.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"models.es.js","sources":["../../src/components/models/OverlayPanel.jsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { X } from \"lucide-react\";\nimport { createPortal } from \"react-dom\";\n\n/**\n * OverlayPanel\n *\n * Generic overlay + panel shell that handles:\n * - Portal to document.body\n * - Backdrop\n * - Centered scrollable panel with max height\n *\n * Responsibility:\n * - Layout, scroll, close behaviors\n * - Does NOT own feature logic or data fetching\n */\nexport default function OverlayPanel({\n  open,\n  onClose,\n  title = \"\",\n  children,\n  maxWidth = 700,\n  showCloseButton = true,\n  footer = null,\n  className = \"\",\n  bodyClassName = \"\",\n}) {\n  if (!open) return null;\n  if (typeof document === \"undefined\") return null;\n\n  const content = (\n    <div\n      className=\"fixed inset-0 flex items-center justify-center bg-black/30 p-4\"\n      style={{ zIndex: 1004 }}\n      >\n      <div\n        className={`bg-white rounded-xl shadow-xl relative w-full ${className}`}\n        style={{\n          maxWidth,\n          maxHeight: \"90vh\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          overflow: \"hidden\",\n        }}\n      >\n        {/* Header: fixed at top, no scroll */}\n        <div\n          style={{\n            position: \"relative\",\n            flexShrink: 0,\n            background: \"#fff\",\n            borderBottom: \"1px solid rgba(0,0,0,0.08)\",\n            padding: title || showCloseButton ? \"1rem 1.5rem 1rem\" : 0,\n            borderRadius: \"12px 12px 0 0\",\n          }}\n        >\n          {showCloseButton && (\n            <button\n              type=\"button\"\n              className=\"absolute top-3 right-3 text-gray-400 hover:text-black\"\n              onClick={onClose}\n            >\n              <X size={20} />\n            </button>\n          )}\n          {title && (\n            <div className=\"pr-8\">\n              <h2 className=\"font-bold text-lg\">{title}</h2>\n            </div>\n          )}\n        </div>\n\n        {/* Body: only this section scrolls */}\n        <div\n          className={`custom-thin-scrollbar-library ${bodyClassName}`}\n          style={{\n            flex: 1,\n            minHeight: 0,\n            overflowY: \"auto\",\n            padding: \"1rem 1.5rem\",\n          }}\n        >\n          {children}\n        </div>\n\n        {footer && (\n          <div\n            style={{\n              flexShrink: 0,\n              padding: \"1rem 1.5rem\",\n              borderTop: \"1px solid rgba(0,0,0,0.08)\",\n            }}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  return createPortal(content, document.body);\n}\n\n"],"names":["OverlayPanel","open","onClose","title","children","maxWidth","showCloseButton","footer","className","bodyClassName","content","jsx","jsxs","X","createPortal"],"mappings":";;;;AAkBA,SAAwBA,EAAa;AAAA,EACnC,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,iBAAAC,IAAkB;AAAA,EAClB,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAClB,GAAG;AAED,MADI,CAACR,KACD,OAAO,WAAa;AAAoB,WAAA;AAE5C,QAAMS,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,KAAK;AAAA,MAEtB,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,iDAAiDJ,CAAS;AAAA,UACrE,OAAO;AAAA,YACL,UAAAH;AAAA,YACA,WAAW;AAAA,YACX,SAAS;AAAA,YACT,eAAe;AAAA,YACf,UAAU;AAAA,UACZ;AAAA,UAGA,UAAA;AAAA,YAAA,gBAAAO;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,YAAY;AAAA,kBACZ,cAAc;AAAA,kBACd,SAAST,KAASG,IAAkB,qBAAqB;AAAA,kBACzD,cAAc;AAAA,gBAChB;AAAA,gBAEC,UAAA;AAAA,kBACCA,KAAA,gBAAAK;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,SAAST;AAAA,sBAET,UAAA,gBAAAS,EAACE,GAAE,EAAA,MAAM,GAAI,CAAA;AAAA,oBAAA;AAAA,kBACf;AAAA,kBAEDV,KACE,gBAAAQ,EAAA,OAAA,EAAI,WAAU,QACb,4BAAC,MAAG,EAAA,WAAU,qBAAqB,UAAAR,EAAA,CAAM,EAC3C,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,YAGA,gBAAAQ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,iCAAiCF,CAAa;AAAA,gBACzD,OAAO;AAAA,kBACL,MAAM;AAAA,kBACN,WAAW;AAAA,kBACX,WAAW;AAAA,kBACX,SAAS;AAAA,gBACX;AAAA,gBAEC,UAAAL;AAAA,cAAA;AAAA,YACH;AAAA,YAECG,KACC,gBAAAI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL,YAAY;AAAA,kBACZ,SAAS;AAAA,kBACT,WAAW;AAAA,gBACb;AAAA,gBAEC,UAAAJ;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAIG,SAAAO,EAAaJ,GAAS,SAAS,IAAI;AAC5C;"}
+{"version":3,"file":"models.es.js","sources":["../../src/components/models/OverlayPanel.jsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { X } from \"lucide-react\";\nimport { createPortal } from \"react-dom\";\n\n/**\n * OverlayPanel\n *\n * Generic overlay + panel shell that handles:\n * - Portal to document.body\n * - Backdrop\n * - Centered scrollable panel with max height\n *\n * Responsibility:\n * - Layout, scroll, close behaviors\n * - Does NOT own feature logic or data fetching\n */\nexport default function OverlayPanel({\n  open,\n  onClose,\n  title = \"\",\n  children,\n  maxWidth = 700,\n  showCloseButton = true,\n  footer = null,\n  className = \"\",\n  bodyClassName = \"\",\n}) {\n  if (!open) return null;\n  if (typeof document === \"undefined\") return null;\n\n  const content = (\n    <div\n      className=\"fixed inset-0 flex items-center justify-center bg-black/30 p-4\"\n      style={{ zIndex: 1004 }}\n      >\n      <div\n        className={`bg-white rounded-xl shadow-xl relative w-full ${className}`}\n        style={{\n          maxWidth,\n          maxHeight: \"90vh\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          overflow: \"hidden\",\n        }}\n      >\n        {/* Header: fixed at top, no scroll */}\n        <div\n          style={{\n            position: \"relative\",\n            flexShrink: 0,\n            background: \"#fff\",\n            borderBottom: \"1px solid rgba(0,0,0,0.08)\",\n            padding: title || showCloseButton ? \"1rem 1.5rem 1rem\" : 0,\n            borderRadius: \"12px 12px 0 0\",\n          }}\n        >\n          {showCloseButton && (\n            <button\n              type=\"button\"\n              className=\"absolute top-3 right-3 text-gray-400 hover:text-black\"\n              onClick={onClose}\n            >\n              <X size={20} />\n            </button>\n          )}\n          {title && (\n            <div className=\"pr-8\">\n              <h2 className=\"font-bold text-lg\" style={{ fontFamily: 'var(--font-sans)' }}>{title}</h2>\n            </div>\n          )}\n        </div>\n\n        {/* Body: only this section scrolls */}\n        <div\n          className={`custom-thin-scrollbar-library ${bodyClassName}`}\n          style={{\n            flex: 1,\n            minHeight: 0,\n            overflowY: \"auto\",\n            padding: \"1rem 1.5rem\",\n          }}\n        >\n          {children}\n        </div>\n\n        {footer && (\n          <div\n            style={{\n              flexShrink: 0,\n              padding: \"1rem 1.5rem\",\n              borderTop: \"1px solid rgba(0,0,0,0.08)\",\n            }}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  return createPortal(content, document.body);\n}\n\n"],"names":["OverlayPanel","open","onClose","title","children","maxWidth","showCloseButton","footer","className","bodyClassName","content","jsx","jsxs","X","createPortal"],"mappings":";;;;AAkBA,SAAwBA,EAAa;AAAA,EACnC,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,iBAAAC,IAAkB;AAAA,EAClB,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAClB,GAAG;AAED,MADI,CAACR,KACD,OAAO,WAAa;AAAoB,WAAA;AAE5C,QAAMS,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,KAAK;AAAA,MAEtB,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,iDAAiDJ,CAAS;AAAA,UACrE,OAAO;AAAA,YACL,UAAAH;AAAA,YACA,WAAW;AAAA,YACX,SAAS;AAAA,YACT,eAAe;AAAA,YACf,UAAU;AAAA,UACZ;AAAA,UAGA,UAAA;AAAA,YAAA,gBAAAO;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,YAAY;AAAA,kBACZ,cAAc;AAAA,kBACd,SAAST,KAASG,IAAkB,qBAAqB;AAAA,kBACzD,cAAc;AAAA,gBAChB;AAAA,gBAEC,UAAA;AAAA,kBACCA,KAAA,gBAAAK;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,SAAST;AAAA,sBAET,UAAA,gBAAAS,EAACE,GAAE,EAAA,MAAM,GAAI,CAAA;AAAA,oBAAA;AAAA,kBACf;AAAA,kBAEDV,KACC,gBAAAQ,EAAC,OAAI,EAAA,WAAU,QACb,UAAC,gBAAAA,EAAA,MAAA,EAAG,WAAU,qBAAoB,OAAO,EAAE,YAAY,mBAAmB,GAAI,YAAM,CAAA,GACtF;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,YAGA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,iCAAiCF,CAAa;AAAA,gBACzD,OAAO;AAAA,kBACL,MAAM;AAAA,kBACN,WAAW;AAAA,kBACX,WAAW;AAAA,kBACX,SAAS;AAAA,gBACX;AAAA,gBAEC,UAAAL;AAAA,cAAA;AAAA,YACH;AAAA,YAECG,KACC,gBAAAI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL,YAAY;AAAA,kBACZ,SAAS;AAAA,kBACT,WAAW;AAAA,gBACb;AAAA,gBAEC,UAAAJ;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAIG,SAAAO,EAAaJ,GAAS,SAAS,IAAI;AAC5C;"}

package/dist/components/primitives.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../SmallButton.cjs.js"),r=require("react/jsx-runtime"),x=require("react"),p=require("../SectionLabel.cjs.js"),v=require("lucide-react");require("react-dom");function g({colors:i=[]}){const t=i.reduce((o,e)=>(o[e.category]||(o[e.category]=[]),o[e.category].push(e),o),{});return r.jsx("div",{style:{fontFamily:"system-ui, -apple-system, sans-serif"},children:Object.entries(t).map(([o,e])=>r.jsxs("div",{style:{marginBottom:"24px"},children:[r.jsx("div",{style:{fontSize:"11px",letterSpacing:"0.14em",textTransform:"uppercase",marginBottom:"12px",color:"rgba(30, 33, 37, 0.62)",fontWeight:650},children:o}),r.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"12px"},children:e.map((n,s)=>r.jsxs("div",{style:{border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px",overflow:"hidden",background:"rgba(255, 255, 255, 0.72)"},children:[r.jsx("div",{style:{height:"64px",background:n.hex,borderBottom:"1px solid rgba(52, 58, 64, 0.10)"}}),r.jsxs("div",{style:{padding:"10px 12px"},children:[r.jsx("div",{style:{fontSize:"13px",fontWeight:680,color:"rgba(30, 33, 37, 0.92)",marginBottom:"4px"},children:n.name}),r.jsx("div",{style:{fontSize:"11.5px",fontFamily:"ui-monospace, monospace",color:"rgba(30, 33, 37, 0.52)",marginBottom:"6px"},children:n.hex}),r.jsx("div",{style:{fontSize:"11.5px",color:"rgba(30, 33, 37, 0.62)",lineHeight:1.4},children:n.usage})]})]},s))})]},o))})}function m({children:i,color:t,icon:o,...e}){const s={...{fontSize:"var(--text-xs)",padding:"1px 5px",borderRadius:"var(--radius-sm)",display:"inline-flex",alignItems:"center"},color:t,backgroundColor:`color-mix(in srgb, ${t} 15%, transparent)`,...e.style};return r.jsxs("span",{style:s,...e,children:[o&&r.jsx("span",{style:{marginRight:"3px"},children:o}),i]})}function b({checked:i=!1,onChange:t,label:o,size:e="md",disabled:n=!1,style:s,...c}){const a=e==="sm"?12:16,l=e==="sm"?8:11;return r.jsxs("label",{style:{display:"inline-flex",alignItems:"center",gap:e==="sm"?3:"var(--spacing-2)",fontSize:e==="sm"?"var(--text-xs)":"var(--text-sm)",color:n?"var(--text-faint)":"var(--text-base)",cursor:n?"not-allowed":"pointer",userSelect:"none",...s},onClick:u=>{u.preventDefault(),!n&&t&&t(!i)},...c,children:[r.jsx("span",{style:{width:a,height:a,borderRadius:e==="sm"?2:3,border:`1px solid ${i?"var(--text-ink)":"var(--border)"}`,background:i?"var(--text-ink)":"transparent",display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"var(--transition-fast)",flexShrink:0,opacity:n?.5:1},children:i&&r.jsx(v.Check,{size:l,style:{color:"white"},strokeWidth:3})}),o]})}const f={width:"100%",padding:"var(--spacing-2)",fontSize:"var(--text-md)",border:"1px solid var(--border)",borderRadius:"var(--radius)",backgroundColor:"var(--paper)",color:"var(--text-base)",fontFamily:"var(--font-sans)",outline:"none",transition:"border-color 0.15s ease"};function y({value:i,onChange:t,placeholder:o,disabled:e=!1,mono:n=!1,autoFocus:s=!1,style:c,...a}){return r.jsx("input",{type:"text",value:i,onChange:l=>t==null?void 0:t(l.target.value),placeholder:o,disabled:e,autoFocus:s,style:{...f,...n?{fontFamily:"var(--font-mono)"}:{},...e?{opacity:.6,cursor:"not-allowed"}:{},...c},onFocus:l=>{l.currentTarget.style.borderColor="var(--border-hover)"},onBlur:l=>{l.currentTarget.style.borderColor="var(--border)"},...a})}const h={width:"100%",padding:"var(--spacing-2)",fontSize:"var(--text-md)",border:"1px solid var(--border)",borderRadius:"var(--radius)",backgroundColor:"var(--paper)",color:"var(--text-base)",fontFamily:"var(--font-sans)",outline:"none",transition:"border-color 0.15s ease"};function S({value:i,onChange:t,placeholder:o,disabled:e=!1,mono:n=!1,rows:s=4,resize:c=!0,style:a,...l}){return r.jsx("textarea",{value:i,onChange:u=>t==null?void 0:t(u.target.value),placeholder:o,disabled:e,rows:s,style:{...h,resize:c?"vertical":"none",minHeight:s*20,...n?{fontFamily:"var(--font-mono)"}:{},...e?{opacity:.6,cursor:"not-allowed"}:{},...a},onFocus:u=>{u.currentTarget.style.borderColor="var(--border-hover)"},onBlur:u=>{u.currentTarget.style.borderColor="var(--border)"},...l})}const j={width:"100%",padding:"var(--spacing-1) var(--spacing-2)",fontSize:"var(--text-md)",border:"1px solid var(--border)",borderRadius:"var(--radius)",backgroundColor:"var(--paper)",color:"var(--text-base)",fontFamily:"var(--font-sans)",cursor:"pointer",outline:"none",transition:"border-color 0.15s ease"};function T({value:i,onChange:t,options:o=[],disabled:e=!1,placeholder:n,style:s,...c}){return r.jsxs("select",{value:i,onChange:a=>t==null?void 0:t(a.target.value),disabled:e,style:{...j,...e?{opacity:.6,cursor:"not-allowed"}:{},...s},onFocus:a=>{a.currentTarget.style.borderColor="var(--border-hover)"},onBlur:a=>{a.currentTarget.style.borderColor="var(--border)"},...c,children:[n&&r.jsx("option",{value:"",children:n}),o.map(a=>r.jsx("option",{value:a.value,children:a.label},a.value))]})}function k({children:i,htmlFor:t,style:o}){return r.jsx("label",{htmlFor:t,style:{display:"block",fontSize:"var(--text-base)",color:"var(--text-muted)",marginBottom:"var(--spacing-1)",fontFamily:"var(--font-sans)",...o},children:i})}function C({children:i,onConfirm:t,prompt:o="Delete?",confirmLabel:e="Yes",cancelLabel:n="No",style:s}){const[c,a]=x.useState(!1);return c?r.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"var(--spacing-1)",...s},children:[r.jsx("span",{style:{fontSize:"var(--text-sm)",color:"var(--text-muted)"},children:o}),r.jsx(d.SmallButton,{variant:"ghost",size:"sm",onClick:l=>{l.stopPropagation(),t==null||t(),a(!1)},style:{color:"var(--text-ink)",fontWeight:"var(--font-semibold)"},children:e}),r.jsx(d.SmallButton,{variant:"ghost",size:"sm",onClick:l=>{l.stopPropagation(),a(!1)},children:n})]}):r.jsx("span",{onClick:l=>{l.stopPropagation(),a(!0)},style:{cursor:"pointer",...s},children:i})}exports.Card=d.Card;exports.DetailCard=d.DetailCard;exports.DeviationIndicator=d.DeviationIndicator;exports.SmallButton=d.SmallButton;exports.Tag=d.Tag;exports.Tooltip=d.Tooltip;exports.TooltipContent=d.TooltipContent;exports.TooltipProvider=d.TooltipProvider;exports.TooltipTrigger=d.TooltipTrigger;exports.SectionLabel=p.SectionLabel;exports.Tabs=p.Tabs;exports.Badge=m;exports.Checkbox=b;exports.ColorPalette=g;exports.FormLabel=k;exports.InlineConfirm=C;exports.Select=T;exports.TextArea=S;exports.TextInput=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../SmallButton.cjs.js"),e=require("react/jsx-runtime"),x=require("react"),L=require("../SectionLabel.cjs.js"),q=require("lucide-react"),E=require("../TextInput.cjs.js");require("react-dom");function H({colors:i=[]}){const r=i.reduce((n,t)=>(n[t.category]||(n[t.category]=[]),n[t.category].push(t),n),{});return e.jsx("div",{style:{fontFamily:"system-ui, -apple-system, sans-serif"},children:Object.entries(r).map(([n,t])=>e.jsxs("div",{style:{marginBottom:"24px"},children:[e.jsx("div",{style:{fontSize:"11px",letterSpacing:"0.14em",textTransform:"uppercase",marginBottom:"12px",color:"rgba(30, 33, 37, 0.62)",fontWeight:650},children:n}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"12px"},children:t.map((o,l)=>e.jsxs("div",{style:{border:"1px solid rgba(52, 58, 64, 0.12)",borderRadius:"12px",overflow:"hidden",background:"rgba(255, 255, 255, 0.72)"},children:[e.jsx("div",{style:{height:"64px",background:o.hex,borderBottom:"1px solid rgba(52, 58, 64, 0.10)"}}),e.jsxs("div",{style:{padding:"10px 12px"},children:[e.jsx("div",{style:{fontSize:"13px",fontWeight:680,color:"rgba(30, 33, 37, 0.92)",marginBottom:"4px"},children:o.name}),e.jsx("div",{style:{fontSize:"11.5px",fontFamily:"ui-monospace, monospace",color:"rgba(30, 33, 37, 0.52)",marginBottom:"6px"},children:o.hex}),e.jsx("div",{style:{fontSize:"11.5px",color:"rgba(30, 33, 37, 0.62)",lineHeight:1.4},children:o.usage})]})]},l))})]},n))})}function W({children:i,color:r,icon:n,...t}){const l={...{fontSize:"var(--text-xs)",padding:"1px 5px",borderRadius:"var(--radius-sm)",display:"inline-flex",alignItems:"center"},color:r,backgroundColor:`color-mix(in srgb, ${r} 15%, transparent)`,...t.style};return e.jsxs("span",{style:l,...t,children:[n&&e.jsx("span",{style:{marginRight:"3px"},children:n}),i]})}function D({checked:i=!1,onChange:r,label:n,size:t="md",disabled:o=!1,style:l,...p}){const a=t==="sm"?12:16,d=t==="sm"?8:11;return e.jsxs("label",{style:{display:"inline-flex",alignItems:"center",gap:t==="sm"?3:"var(--spacing-2)",fontSize:t==="sm"?"var(--text-xs)":"var(--text-sm)",color:o?"var(--text-faint)":"var(--text-base)",cursor:o?"not-allowed":"pointer",userSelect:"none",...l},onClick:c=>{c.preventDefault(),!o&&r&&r(!i)},...p,children:[e.jsx("span",{style:{width:a,height:a,borderRadius:t==="sm"?2:3,border:`1px solid ${i?"var(--text-ink)":"var(--border)"}`,background:i?"var(--text-ink)":"transparent",display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"var(--transition-fast)",flexShrink:0,opacity:o?.5:1},children:i&&e.jsx(q.Check,{size:d,style:{color:"white"},strokeWidth:3})}),n]})}const $={width:"100%",padding:"var(--spacing-2)",fontSize:"var(--text-md)",border:"1px solid var(--border)",borderRadius:"var(--radius)",backgroundColor:"var(--paper)",color:"var(--text-base)",fontFamily:"var(--font-sans)",outline:"none",transition:"border-color 0.15s ease"};function A({value:i,onChange:r,placeholder:n,disabled:t=!1,mono:o=!1,rows:l=4,resize:p=!0,style:a,...d}){return e.jsx("textarea",{value:i,onChange:c=>r==null?void 0:r(c.target.value),placeholder:n,disabled:t,rows:l,style:{...$,resize:p?"vertical":"none",minHeight:l*20,...o?{fontFamily:"var(--font-mono)"}:{},...t?{opacity:.6,cursor:"not-allowed"}:{},...a},onFocus:c=>{c.currentTarget.style.borderColor="var(--border-hover)"},onBlur:c=>{c.currentTarget.style.borderColor="var(--border)"},...d})}const V={width:"100%",padding:"var(--spacing-1) var(--spacing-2)",fontSize:"var(--text-md)",border:"1px solid var(--border)",borderRadius:"var(--radius)",backgroundColor:"var(--paper)",color:"var(--text-base)",fontFamily:"var(--font-sans)",cursor:"pointer",outline:"none",transition:"border-color 0.15s ease"};function N({value:i,onChange:r,options:n=[],disabled:t=!1,placeholder:o,style:l,...p}){return e.jsxs("select",{value:i,onChange:a=>r==null?void 0:r(a.target.value),disabled:t,style:{...V,...t?{opacity:.6,cursor:"not-allowed"}:{},...l},onFocus:a=>{a.currentTarget.style.borderColor="var(--border-hover)"},onBlur:a=>{a.currentTarget.style.borderColor="var(--border)"},...p,children:[o&&e.jsx("option",{value:"",children:o}),n.map(a=>e.jsx("option",{value:a.value,children:a.label},a.value))]})}function Y({value:i=[],onChange:r,options:n=[],placeholder:t="Select options",disabled:o=!1,leftIcon:l=null,rightIcon:p=null,maxMenuHeight:a=240,draggable:d=!1}){const[c,R]=x.useState(!1),[M,B]=x.useState(null),[f,F]=x.useState(n),[I,h]=x.useState(null),b=x.useRef(null),S=x.useRef(null);x.useEffect(()=>{F(n)},[n]);const j=new Set((i||[]).map(String)),z=s=>{if(!r)return;const g=String(s),m=new Set(j);m.has(g)?m.delete(g):m.add(g),r(Array.from(m))};x.useEffect(()=>{if(!c)return;const s=g=>{b.current&&!b.current.contains(g.target)&&S.current&&!S.current.contains(g.target)&&R(!1)};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[c]);const y=j.size,O=y===0?t:`${y} selected`;return e.jsxs("div",{style:{position:"relative",width:"100%"},children:[e.jsxs("button",{type:"button",ref:b,disabled:o,onClick:()=>!o&&R(s=>!s),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,padding:"var(--spacing-1) var(--spacing-2)",borderRadius:"var(--radius)",...c?{borderBottomLeftRadius:0,borderBottomRightRadius:0}:{},border:"1px solid var(--border)",backgroundColor:o?"rgba(249, 250, 251, 1)":"var(--paper)",color:y===0?"var(--text-muted)":"var(--text-base)",cursor:o?"not-allowed":"pointer",fontFamily:"var(--font-sans)",fontSize:"var(--text-md)",outline:"none",transition:"border-color 0.15s ease, background-color 0.15s ease"},onMouseEnter:s=>{o||(s.currentTarget.style.borderColor="var(--border-hover)")},onMouseLeave:s=>{o||(s.currentTarget.style.borderColor="var(--border)")},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0,flex:1},children:[l&&e.jsx("span",{style:{flexShrink:0,display:"inline-flex"},children:l}),e.jsx("span",{style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:O})]}),e.jsx("span",{style:{flexShrink:0,display:"inline-flex"},children:p||e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{transform:c?"rotate(180deg)":"rotate(0deg)",transition:"transform 150ms ease",color:"var(--text-muted)"},children:e.jsx("path",{d:"M5.25 7.5L10 12.25L14.75 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),c&&e.jsx("div",{ref:S,style:{position:"absolute",zIndex:40,marginTop:0,width:"100%",maxHeight:a,overflowY:"auto",backgroundColor:"#FFFFFF",borderRadius:8,borderTopLeftRadius:0,borderTopRightRadius:0,border:"1px solid rgba(209, 213, 219, 1)",borderTop:"none",boxShadow:"0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)"},children:e.jsx("div",{style:{padding:"4px 0"},children:f&&f.length===0?e.jsx("div",{style:{padding:"8px 12px",fontSize:"var(--text-sm)",color:"var(--text-muted)",fontFamily:"var(--font-sans)"},children:"No options"}):f.map(s=>{const g=j.has(String(s.value)),m=I===String(s.value);return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"6px 12px",cursor:"pointer",backgroundColor:M===String(s.value)?"var(--hover-warm)":"transparent",opacity:m?.6:1},onClick:()=>z(s.value),onMouseEnter:()=>B(String(s.value)),onMouseLeave:()=>B(null),draggable:d,onDragStart:v=>{d&&(h(String(s.value)),v.dataTransfer&&(v.dataTransfer.effectAllowed="move"))},onDragOver:v=>{d&&v.preventDefault()},onDrop:v=>{if(!d)return;v.preventDefault();const k=f.findIndex(C=>String(C.value)===I),w=f.findIndex(C=>String(C.value)===String(s.value));if(k===-1||w===-1||k===w){h(null);return}const T=[...f],[P]=T.splice(k,1);T.splice(w,0,P),F(T),h(null)},onDragEnd:()=>{d&&h(null)},children:[d&&e.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,color:"var(--text-faint)",cursor:"grab"},onClick:v=>{v.stopPropagation()},children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4 7H16M4 10H16M4 13H16",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})})}),e.jsx(D,{size:"sm",checked:g,onChange:()=>z(s.value),style:{gap:0}}),e.jsx("span",{style:{fontSize:"var(--text-sm)",color:"var(--text-base)",fontFamily:"var(--font-sans)"},children:s.label})]},s.value)})})})]})}function G({children:i,htmlFor:r,style:n}){return e.jsx("label",{htmlFor:r,style:{display:"block",fontSize:"var(--text-base)",color:"var(--text-muted)",marginBottom:"var(--spacing-1)",fontFamily:"var(--font-sans)",...n},children:i})}function J({children:i,onConfirm:r,prompt:n="Delete?",confirmLabel:t="Yes",cancelLabel:o="No",style:l}){const[p,a]=x.useState(!1);return p?e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"var(--spacing-1)",...l},children:[e.jsx("span",{style:{fontSize:"var(--text-sm)",color:"var(--text-muted)"},children:n}),e.jsx(u.SmallButton,{variant:"ghost",size:"sm",onClick:d=>{d.stopPropagation(),r==null||r(),a(!1)},style:{color:"var(--text-ink)",fontWeight:"var(--font-semibold)"},children:t}),e.jsx(u.SmallButton,{variant:"ghost",size:"sm",onClick:d=>{d.stopPropagation(),a(!1)},children:o})]}):e.jsx("span",{onClick:d=>{d.stopPropagation(),a(!0)},style:{cursor:"pointer",...l},children:i})}exports.Card=u.Card;exports.DetailCard=u.DetailCard;exports.DeviationIndicator=u.DeviationIndicator;exports.SmallButton=u.SmallButton;exports.Tag=u.Tag;exports.Tooltip=u.Tooltip;exports.TooltipContent=u.TooltipContent;exports.TooltipProvider=u.TooltipProvider;exports.TooltipTrigger=u.TooltipTrigger;exports.SectionLabel=L.SectionLabel;exports.Tabs=L.Tabs;exports.TextInput=E.TextInput;exports.Badge=W;exports.Checkbox=D;exports.ColorPalette=H;exports.FormLabel=G;exports.InlineConfirm=J;exports.MultiSelect=Y;exports.Select=N;exports.TextArea=A;
 //# sourceMappingURL=primitives.cjs.js.map