@anoki/fse-ui 1.0.0-beta1.21

package/dist/index.es103.js

@@ -0,0 +1,91 @@
+import { j as s } from "./index.es216.js";
+import f, { useState as w, useEffect as i } from "react";
+import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
+import { useMediaQuery as v } from "./index.es237.js";
+import { clsx as b } from "./index.es218.js";
+import { Row as j } from "./index.es9.js";
+import { ArrowDown as N } from "./index.es135.js";
+import { ScrollArea as g } from "./index.es355.js";
+const H = ({
+  title: n = "Indice",
+  headings: r,
+  titleTag: a = "h3",
+  isOpen: c,
+  onToggle: l = () => {
+  }
+}) => {
+  const [d, m] = f.useState(""), [p, x] = w(0), h = v("(min-width: 768px)") || c;
+  return i(() => {
+    const e = () => {
+      const o = window.scrollY, t = document.documentElement.scrollHeight - window.innerHeight, u = t > 0 ? Math.min(o / t * 100, 100) : 0;
+      x(u);
+    };
+    return window.addEventListener("scroll", e), e(), () => window.removeEventListener("scroll", e);
+  }, []), i(() => {
+    const e = new IntersectionObserver(
+      (o) => {
+        o.forEach((t) => {
+          t.isIntersecting && m(t.target.id);
+        });
+      },
+      {
+        rootMargin: "-100px 0px -50% 0px",
+        threshold: 0
+      }
+    );
+    return r.forEach(({ id: o }) => {
+      const t = document.getElementById(o);
+      t && e.observe(t);
+    }), () => e.disconnect();
+  }, [r]), /* @__PURE__ */ s.jsxs("div", { className: "toc-container", children: [
+    /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        className: "ui-button-accordion-toc",
+        onClick: l,
+        type: "button",
+        children: /* @__PURE__ */ s.jsxs(j, { className: "ui-header-table-of-contents", children: [
+          /* @__PURE__ */ s.jsx(a, { className: "text-slate-20 fw-semibold fs-7", children: n }),
+          /* @__PURE__ */ s.jsx(
+            N,
+            {
+              color: "primary",
+              className: b("ui-arrow-toc", { "ui-expanded-toc": c })
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ s.jsx("div", { className: "scroll-progress-bar", children: /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: "scroll-progress",
+        style: { width: `${p}%` }
+      }
+    ) }),
+    h && /* @__PURE__ */ s.jsx(
+      g,
+      {
+        type: "always",
+        scrollbars: "vertical",
+        className: "toc-scroll fw-semibold fs-6",
+        children: /* @__PURE__ */ s.jsx("div", { className: "toc-list base-col", children: r.map((e) => /* @__PURE__ */ s.jsx("div", { className: "toc-item", children: /* @__PURE__ */ s.jsx(
+          "a",
+          {
+            href: `#${e.id}`,
+            className: `toc-link ${d === e.id ? "active text-primary" : "text-slate-28"}`,
+            onClick: (o) => {
+              var t;
+              o.preventDefault(), (t = document.getElementById(e.id)) == null || t.scrollIntoView({ behavior: "smooth" }), l();
+            },
+            children: e.text
+          }
+        ) }, e.id)) })
+      }
+    )
+  ] });
+};
+export {
+  H as TableOfContents
+};
+//# sourceMappingURL=index.es103.js.map

package/dist/index.es103.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es103.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { ScrollArea } from \"@radix-ui/themes\";\nimport \"./TableOfContents.scss\";\nimport { Row } from \"@/components\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\nimport { ArrowDown } from \"@/icons\";\nimport clsx from \"clsx\";\n\ntype Heading = {\n  id: string;\n  text: string;\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype TableOfContentsProps = {\n  title: string;\n  headings: Heading[];\n  titleTag?: HeadingLevel;\n  isOpen?: boolean;\n  onToggle?: () => void;\n};\n\nexport const TableOfContents = ({\n  title = \"Indice\",\n  headings,\n  titleTag: TitleTag = \"h3\",\n  isOpen,\n  onToggle = () => {},\n}: TableOfContentsProps) => {\n  const [activeId, setActiveId] = React.useState(\"\");\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n  const showScrollArea = isDesktop || isOpen;\n\n  useEffect(() => {\n    const updateScrollProgress = () => {\n      const scrollTop = window.scrollY;\n      const docHeight =\n        document.documentElement.scrollHeight - window.innerHeight;\n      const scrollPercent =\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\n      setScrollProgress(scrollPercent);\n    };\n\n    window.addEventListener(\"scroll\", updateScrollProgress);\n    updateScrollProgress(); // Inizializza la barra di progresso\n\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\n  }, []);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: \"-100px 0px -50% 0px\",\n        threshold: 0,\n      },\n    );\n\n    headings.forEach(({ id }) => {\n      const element = document.getElementById(id);\n      if (element) observer.observe(element);\n    });\n\n    return () => observer.disconnect();\n  }, [headings]);\n\n  return (\n    <div className=\"toc-container\">\n      <button\n        className={\"ui-button-accordion-toc\"}\n        onClick={onToggle}\n        type=\"button\"\n      >\n        <Row className={\"ui-header-table-of-contents\"}>\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\n            {title}\n          </TitleTag>\n          <ArrowDown\n            color={\"primary\"}\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\n          />\n        </Row>\n      </button>\n\n      <div className=\"scroll-progress-bar\">\n        <div\n          className=\"scroll-progress\"\n          style={{ width: `${scrollProgress}%` }}\n        />\n      </div>\n\n      {showScrollArea && (\n        <ScrollArea\n          type=\"always\"\n          scrollbars=\"vertical\"\n          className=\"toc-scroll fw-semibold fs-6\"\n        >\n          <div className=\"toc-list base-col\">\n            {headings.map((item) => (\n              <div key={item.id} className=\"toc-item\">\n                <a\n                  href={`#${item.id}`}\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    document\n                      .getElementById(item.id)\n                      ?.scrollIntoView({ behavior: \"smooth\" });\n                    onToggle();\n                  }}\n                >\n                  {item.text}\n                </a>\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n"],"names":["TableOfContents","title","headings","TitleTag","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","showScrollArea","useMediaQuery","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","observer","entries","entry","id","element","jsxs","jsx","Row","ArrowDown","clsx","ScrollArea","item","e","_a"],"mappings":"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"}

package/dist/index.es104.js

@@ -0,0 +1,121 @@
+import { j as t } from "./index.es216.js";
+import { clsx as m } from "./index.es218.js";
+import { useState as p, useRef as x, useEffect as w } from "react";
+import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
+import { Close as S } from "./index.es138.js";
+import { Button as z } from "./index.es26.js";
+import { Col as D } from "./index.es10.js";
+const A = ({
+  size: N = "large",
+  items: g = [],
+  className: C,
+  selectedPerson: r,
+  setSelectedPerson: u,
+  placeholder: j = "",
+  btnText: v = "Cerca"
+}) => {
+  const [n, o] = p(!1), [i, a] = p(""), c = x(null), d = x(null), f = g.filter((e) => `${e.firstName} ${e.lastName}`.toLowerCase().includes(i.toLowerCase()));
+  w(() => {
+    const e = (s) => {
+      c.current && !c.current.contains(s.target) && o(!1);
+    };
+    return n ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [n]), w(() => {
+    n && (a(""), d.current && d.current.focus());
+  }, [n]);
+  const b = (e) => {
+    n && a(e.target.value);
+  }, h = () => {
+    o(!n);
+  }, k = (e) => {
+    e.stopPropagation(), u(null), a("");
+  }, y = !n && r ? `${r.firstName} ${r.lastName}` : i, E = r !== null || i.length > 0, L = (e, s) => {
+    if (!s || s.trim() === "")
+      return /* @__PURE__ */ t.jsxs("span", { style: { color: "black", fontSize: "0.85rem" }, children: [
+        " ",
+        e,
+        " "
+      ] });
+    const l = e.toLowerCase().indexOf(s.toLowerCase());
+    if (l === -1) return e;
+    const $ = e.slice(0, l), I = e.slice(l, l + s.length), R = e.slice(l + s.length);
+    return /* @__PURE__ */ t.jsxs("span", { style: { color: "black", fontSize: "0.85rem" }, children: [
+      $,
+      /* @__PURE__ */ t.jsx("span", { style: { fontSize: "0.85rem" }, className: "text-primary fw-bold", children: I }),
+      R
+    ] });
+  };
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      ref: c,
+      className: m(
+        "ui-related-dropdown",
+        "br-x4 bg-border-secondary w-full",
+        C
+      ),
+      style: N === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "ui-input-container", children: [
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              ref: d,
+              className: m(
+                "ui-related-dropdown-input",
+                "bg-white fs-6 br-x4 w-full pl-x24",
+                { active: n }
+              ),
+              value: y,
+              onChange: b,
+              placeholder: j,
+              onClick: h
+            }
+          ),
+          E && /* @__PURE__ */ t.jsx("div", { className: "ui-close-button", onClick: k, children: /* @__PURE__ */ t.jsx(S, { width: 20 }) }),
+          /* @__PURE__ */ t.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ t.jsx(
+            z,
+            {
+              className: m(
+                "ui-btn-search",
+                "bg-primary text-white fs-7 fw-semibold br-x4"
+              ),
+              onClick: h,
+              children: v
+            }
+          ) })
+        ] }),
+        n && /* @__PURE__ */ t.jsx("div", { className: "ui-related-dropdown-options", children: /* @__PURE__ */ t.jsx("div", { className: "px-x24 shadow w-full", children: /* @__PURE__ */ t.jsx(
+          D,
+          {
+            gap: "x4",
+            text: "primary",
+            fs: "custom",
+            fw: "regular",
+            className: "ui-options-list fw-regular",
+            children: f.length > 0 ? f.map((e, s) => {
+              const l = `${e.firstName} ${e.lastName}`;
+              return /* @__PURE__ */ t.jsx(
+                "div",
+                {
+                  className: "ui-option-item",
+                  onClick: () => {
+                    u(e), o(!1);
+                  },
+                  children: L(l, i)
+                },
+                e.fiscalCode || s
+              );
+            }) : /* @__PURE__ */ t.jsx("div", { className: "ui-option-item no-results", children: /* @__PURE__ */ t.jsx("span", { style: { color: "gray" }, children: "Nessun risultato trovato" }) })
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  A as DelegateFilterDropDown
+};
+//# sourceMappingURL=index.es104.js.map

package/dist/index.es104.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es104.js","sources":["../src/components/ui/DelegateFilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport \"./DelegateFilterDropDown.scss\";\nimport { Close } from \"@/icons\";\n\nexport type RelatedPeople = {\n  birthDate: string;\n  firstName: string;\n  fiscalCode: string;\n  lastName: string;\n  relationship: string;\n};\n\ntype RelatedPeopleDropDownProps = {\n  size?: \"small\" | \"large\";\n  items: RelatedPeople[];\n  className?: string;\n  selectedPerson: RelatedPeople | null;\n  setSelectedPerson: (person: RelatedPeople | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DelegateFilterDropDown = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedPerson,\n  setSelectedPerson,\n  placeholder = \"\",\n  btnText = \"Cerca\",\n}: RelatedPeopleDropDownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((person) => {\n    const fullName = `${person.firstName} ${person.lastName}`.toLowerCase();\n    return fullName.includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedPerson(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue =\n    !isExpanded && selectedPerson\n      ? `${selectedPerson.firstName} ${selectedPerson.lastName}`\n      : searchTerm;\n\n  const showCloseButton = selectedPerson !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <div className=\"ui-input-container\">\n        <input\n          ref={inputRef}\n          className={clsx(\n            \"ui-related-dropdown-input\",\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\n            { active: isExpanded },\n          )}\n          value={displayValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          onClick={handleInputClick}\n        />\n\n        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={20} />\n          </div>\n        )}\n\n        <div className=\"ui-div-btn\">\n          <Button\n            className={clsx(\n              \"ui-btn-search\",\n              \"bg-primary text-white fs-7 fw-semibold br-x4\",\n            )}\n            onClick={handleInputClick}\n          >\n            {btnText}\n          </Button>\n        </div>\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((person, index) => {\n                  const fullName = `${person.firstName} ${person.lastName}`;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={person.fiscalCode || index}\n                      onClick={() => {\n                        setSelectedPerson(person);\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item no-results\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DelegateFilterDropDown","size","items","className","selectedPerson","setSelectedPerson","placeholder","btnText","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","person","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","Button","Col","fullName"],"mappings":"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"}

package/dist/index.es105.js

@@ -0,0 +1,130 @@
+import { j as o } from "./index.es216.js";
+import { clsx as p } from "./index.es218.js";
+import { useState as f, useRef as w, useEffect as h } from "react";
+import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
+import { Close as D } from "./index.es138.js";
+import { Button as O } from "./index.es26.js";
+import { Col as W } from "./index.es10.js";
+const Q = ({
+  size: b = "large",
+  items: j = [],
+  className: v,
+  selectedGroupCode: i,
+  setSelectedGroupCode: C,
+  placeholder: N = "",
+  btnText: k = "Cerca",
+  onSearch: x
+}) => {
+  const [s, c] = f(!1), [l, a] = f(""), [r, d] = f(i), u = w(null), m = w(null), g = j.filter((e) => e.labels.it.toLowerCase().includes(l.toLowerCase()));
+  h(() => {
+    d(i);
+  }, [i]), h(() => {
+    const e = (t) => {
+      u.current && !u.current.contains(t.target) && c(!1);
+    };
+    return s ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [s]), h(() => {
+    s && (a(""), m.current && m.current.focus());
+  }, [s]);
+  const E = (e) => {
+    s && a(e.target.value);
+  }, y = () => {
+    c(!s);
+  }, L = (e) => {
+    e.stopPropagation(), d(null), a("");
+  }, S = () => {
+    C(r), x && x(r);
+  }, I = !s && r ? r.labels.it : l, R = r !== null || l.length > 0, z = (e, t) => {
+    if (!t || t.trim() === "")
+      return /* @__PURE__ */ o.jsxs("span", { style: { color: "black", fontSize: "0.85rem" }, children: [
+        " ",
+        e,
+        " "
+      ] });
+    const n = e.toLowerCase().indexOf(t.toLowerCase());
+    if (n === -1) return e;
+    const B = e.slice(0, n), M = e.slice(n, n + t.length), T = e.slice(n + t.length);
+    return /* @__PURE__ */ o.jsxs("span", { style: { color: "black", fontSize: "0.85rem" }, children: [
+      B,
+      /* @__PURE__ */ o.jsx("span", { style: { fontSize: "0.85rem" }, className: "text-primary fw-bold", children: M }),
+      T
+    ] });
+  };
+  return /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      ref: u,
+      className: p(
+        "ui-related-dropdown-group-code",
+        "br-x4 bg-border-secondary w-full",
+        v
+      ),
+      style: b === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
+      children: [
+        /* @__PURE__ */ o.jsxs("div", { className: "ui-input-container-group-code", children: [
+          /* @__PURE__ */ o.jsx(
+            "input",
+            {
+              ref: m,
+              className: p(
+                "ui-related-dropdown-input-group-code",
+                "bg-white fs-6 br-x4 w-full pl-x24",
+                { active: s }
+              ),
+              value: I,
+              onChange: E,
+              placeholder: N,
+              onClick: y
+            }
+          ),
+          R && /* @__PURE__ */ o.jsx(
+            "div",
+            {
+              className: "ui-close-button-group-code",
+              onClick: L,
+              children: /* @__PURE__ */ o.jsx(D, { width: 20 })
+            }
+          ),
+          /* @__PURE__ */ o.jsx("div", { className: "ui-div-btn-group-code", children: /* @__PURE__ */ o.jsx(
+            O,
+            {
+              className: p(
+                "ui-btn-search-group-code",
+                "bg-primary text-white fs-7 fw-semibold br-x4"
+              ),
+              onClick: S,
+              children: k
+            }
+          ) })
+        ] }),
+        s && /* @__PURE__ */ o.jsx("div", { className: "ui-related-dropdown-options-group-code", children: /* @__PURE__ */ o.jsx("div", { className: "px-x24 shadow w-full", children: /* @__PURE__ */ o.jsx(
+          W,
+          {
+            gap: "x4",
+            text: "primary",
+            fs: "custom",
+            fw: "regular",
+            className: "ui-options-list-group-code fw-regular",
+            children: g.length > 0 ? g.map((e, t) => /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                className: "ui-option-item-group-code",
+                onClick: () => {
+                  d(e), c(!1);
+                },
+                children: z(e.labels.it, l)
+              },
+              e.code || t
+            )) : /* @__PURE__ */ o.jsx("div", { className: "ui-option-item-group-code no-results-group-code", children: /* @__PURE__ */ o.jsx("span", { style: { color: "gray" }, children: "Nessun risultato trovato" }) })
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  Q as GroupCodeExemptionFilterDropDown
+};
+//# sourceMappingURL=index.es105.js.map

package/dist/index.es105.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es105.js","sources":["../src/components/ui/GroupCodeExemptionFilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport \"./GroupCodeExemptionFilterDropDown.scss\";\nimport { Close } from \"@/icons\";\n\nexport type FinancialClassCode = {\n  code: string;\n  codingScheme: string;\n  labels: {\n    it: string;\n    en?: string;\n  };\n};\n\ntype GroupCodeExemptionDropDownProps = {\n  size?: \"small\" | \"large\";\n  items: FinancialClassCode[];\n  className?: string;\n  selectedGroupCode: FinancialClassCode | null;\n  setSelectedGroupCode: (groupCode: FinancialClassCode | null) => void;\n  placeholder?: string;\n  btnText?: string;\n  onSearch?: (groupCode: FinancialClassCode | null) => void;\n};\n\nexport const GroupCodeExemptionFilterDropDown = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedGroupCode,\n  setSelectedGroupCode,\n  placeholder = \"\",\n  btnText = \"Cerca\",\n  onSearch,\n}: GroupCodeExemptionDropDownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const [tempSelectedCode, setTempSelectedCode] =\n    useState<FinancialClassCode | null>(selectedGroupCode);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((groupCode) => {\n    return groupCode.labels.it.toLowerCase().includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    setTempSelectedCode(selectedGroupCode);\n  }, [selectedGroupCode]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setTempSelectedCode(null);\n    setSearchTerm(\"\");\n  };\n\n  const handleSearchButtonClick = () => {\n    setSelectedGroupCode(tempSelectedCode);\n\n    if (onSearch) {\n      onSearch(tempSelectedCode);\n    }\n  };\n\n  const displayValue =\n    !isExpanded && tempSelectedCode ? tempSelectedCode.labels.it : searchTerm;\n\n  const showCloseButton = tempSelectedCode !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown-group-code\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <div className=\"ui-input-container-group-code\">\n        <input\n          ref={inputRef}\n          className={clsx(\n            \"ui-related-dropdown-input-group-code\",\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\n            { active: isExpanded },\n          )}\n          value={displayValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          onClick={handleInputClick}\n        />\n\n        {showCloseButton && (\n          <div\n            className=\"ui-close-button-group-code\"\n            onClick={handleClearClick}\n          >\n            <Close width={20} />\n          </div>\n        )}\n\n        <div className=\"ui-div-btn-group-code\">\n          <Button\n            className={clsx(\n              \"ui-btn-search-group-code\",\n              \"bg-primary text-white fs-7 fw-semibold br-x4\",\n            )}\n            onClick={handleSearchButtonClick}\n          >\n            {btnText}\n          </Button>\n        </div>\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options-group-code\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list-group-code fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((groupCode, index) => {\n                  return (\n                    <div\n                      className=\"ui-option-item-group-code\"\n                      key={groupCode.code || index}\n                      onClick={() => {\n                        setTempSelectedCode(groupCode);\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(groupCode.labels.it, searchTerm)}\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item-group-code no-results-group-code\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["GroupCodeExemptionFilterDropDown","size","items","className","selectedGroupCode","setSelectedGroupCode","placeholder","btnText","onSearch","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","tempSelectedCode","setTempSelectedCode","dropdownRef","useRef","inputRef","filteredItems","groupCode","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","handleSearchButtonClick","displayValue","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","Button","Col"],"mappings":"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"}

package/dist/index.es106.js

@@ -0,0 +1,24 @@
+import { j as e } from "./index.es216.js";
+import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
+import { clsx as l } from "./index.es218.js";
+import { Section as r } from "./index.es48.js";
+import { Col as c } from "./index.es10.js";
+var m = /* @__PURE__ */ ((s) => (s.LIGHT = "light", s.EVIDENCE = "evidence", s.DEFAULT = "default", s))(m || {});
+function f({
+  title: s,
+  children: o,
+  subtitle: t,
+  variant: i = "default"
+  /* DEFAULT */
+}) {
+  return /* @__PURE__ */ e.jsx(r, { className: l("editorial-widget", i), children: /* @__PURE__ */ e.jsxs(c, { className: "", children: [
+    s && /* @__PURE__ */ e.jsx(r.Title, { fs: "3", className: "title", mdFs: "3", children: s }),
+    t && /* @__PURE__ */ e.jsx("div", { className: "subtitle", children: t }),
+    o && /* @__PURE__ */ e.jsx(r.Description, { color: "transparent", children: o })
+  ] }) });
+}
+export {
+  f as EditorialWidget,
+  m as EditorialWidgetVariantEnum
+};
+//# sourceMappingURL=index.es106.js.map

package/dist/index.es106.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es106.js","sources":["../src/components/ui/EditorialWidget/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./EditorialWidget.scss\";\nimport clsx from \"clsx\";\nimport { Section } from \"../Section\";\nimport { Col } from \"../Col\";\n\nexport enum EditorialWidgetVariantEnum {\n  LIGHT = \"light\",\n  EVIDENCE = \"evidence\",\n  DEFAULT = \"default\",\n}\n\nexport type EditorialWidgetProps = {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  children?: React.ReactNode;\n  variant: EditorialWidgetVariantEnum;\n};\n\nexport function EditorialWidget({\n  title,\n  children,\n  subtitle,\n  variant = EditorialWidgetVariantEnum.DEFAULT,\n}: EditorialWidgetProps) {\n  return (\n    <Section className={clsx(\"editorial-widget\", variant)}>\n      <Col className=\"\">\n        {title && (\n          <Section.Title fs=\"3\" className=\"title\" mdFs=\"3\">\n            {title}\n          </Section.Title>\n        )}\n        {subtitle && <div className=\"subtitle\">{subtitle}</div>}\n        {children && (\n          <Section.Description color=\"transparent\">\n            {children}\n          </Section.Description>\n        )}\n      </Col>\n    </Section>\n  );\n}\n"],"names":["EditorialWidgetVariantEnum","EditorialWidget","title","children","subtitle","variant","jsx","Section","clsx","jsxs","Col"],"mappings":";;;;;AAMY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;AAaL,SAASC,EAAgB;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA;AACZ,GAAyB;AAErB,SAAAC,gBAAAA,EAAA,IAACC,GAAQ,EAAA,WAAWC,EAAK,oBAAoBH,CAAO,GAClD,UAAAI,gBAAAA,EAAA,KAACC,GAAI,EAAA,WAAU,IACZ,UAAA;AAAA,IACCR,KAAAI,gBAAAA,EAAAA,IAACC,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,SAAQ,MAAK,KAC1C,UACHL,EAAA,CAAA;AAAA,IAEDE,KAAYE,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,YAAY,UAASF,GAAA;AAAA,IAChDD,KACEG,gBAAAA,EAAA,IAAAC,EAAQ,aAAR,EAAoB,OAAM,eACxB,UAAAJ,EACH,CAAA;AAAA,EAAA,EAAA,CAEJ,EACF,CAAA;AAEJ;"}

package/dist/index.es107.js

@@ -0,0 +1,22 @@
+import { j as e } from "./index.es216.js";
+import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
+import { clsx as a } from "./index.es218.js";
+import { Col as r } from "./index.es10.js";
+const m = ({ size: t = "2" }) => {
+  const s = a(
+    "avatar-skeleton-circle pulse",
+    {
+      1: "avatar-skeleton-circle-large",
+      2: "avatar-skeleton-circle-medium",
+      3: "avatar-skeleton-circle-small"
+    }[t]
+  );
+  return /* @__PURE__ */ e.jsxs("button", { className: "bg-transparent border-none base-row align-items-center gap-x8", children: [
+    /* @__PURE__ */ e.jsx("div", { className: s }),
+    /* @__PURE__ */ e.jsx(r, { style: { textAlign: "left" }, justifyContent: "flex-start", children: /* @__PURE__ */ e.jsx("div", { className: "avatar-skeleton-name pulse" }) })
+  ] });
+};
+export {
+  m as AvatarSkeleton
+};
+//# sourceMappingURL=index.es107.js.map

package/dist/index.es107.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es107.js","sources":["../src/components/ui/AvatarSkeleton/index.tsx"],"sourcesContent":["\"use client\";\n\nimport \"./AvatarSkeleton.scss\";\nimport { Col } from \"@/components\";\nimport clsx from \"clsx\";\n\ntype AvatarSkeletonProps = {\n  size?: \"1\" | \"2\" | \"3\";\n};\n\nexport const AvatarSkeleton = ({ size = \"2\" }: AvatarSkeletonProps) => {\n  const AVATAR_SKELETON_SIZES = {\n    \"1\": \"avatar-skeleton-circle-large\",\n    \"2\": \"avatar-skeleton-circle-medium\",\n    \"3\": \"avatar-skeleton-circle-small\",\n  };\n\n  const circleClasses = clsx(\n    \"avatar-skeleton-circle pulse\",\n    AVATAR_SKELETON_SIZES[size],\n  );\n\n  return (\n    <button className=\"bg-transparent border-none base-row align-items-center gap-x8\">\n      <div className={circleClasses}></div>\n      <Col style={{ textAlign: \"left\" }} justifyContent={\"flex-start\"}>\n        <div className=\"avatar-skeleton-name pulse\"></div>\n      </Col>\n    </button>\n  );\n};\n"],"names":["AvatarSkeleton","size","circleClasses","clsx","jsxs","jsx","Col"],"mappings":";;;;AAUO,MAAMA,IAAiB,CAAC,EAAE,MAAAC,IAAO,UAA+B;AAOrE,QAAMC,IAAgBC;AAAA,IACpB;AAAA,IAP4B;AAAA,MAC5B,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIwBF,CAAI;AAAA,EAC5B;AAGE,SAAAG,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,iEAChB,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWH,EAAe,CAAA;AAAA,IAC9BG,gBAAAA,EAAA,IAAAC,GAAA,EAAI,OAAO,EAAE,WAAW,OAAA,GAAU,gBAAgB,cACjD,UAAAD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,8BAA6B,EAC9C,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es108.js

@@ -0,0 +1,22 @@
+import { j as s } from "./index.es216.js";
+import './components/ui/NotificationsListModalSkeleton/NotificationsListModalSkeleton.css';/* empty css            */
+const d = () => /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-container", children: [...Array(3)].map((o, e) => /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
+  /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }),
+    /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" })
+  ] }),
+  /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }),
+    /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }),
+    /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }),
+    /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }),
+    /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }),
+      /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" })
+    ] })
+  ] })
+] }, e)) });
+export {
+  d as NotificationsListModalSkeleton
+};
+//# sourceMappingURL=index.es108.js.map

package/dist/index.es108.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es108.js","sources":["../src/components/ui/NotificationsListModalSkeleton/index.tsx"],"sourcesContent":["import \"./NotificationsListModalSkeleton.scss\";\n\nexport const NotificationsListModalSkeleton = () => {\n  return (\n    <div className=\"docs-skeleton-container\">\n      {/* Column of Skeleton Documents */}\n      {[...Array(3)].map((_, index) => (\n        <div className=\"docs-skeleton-document\" key={index}>\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["NotificationsListModalSkeleton","_","index","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAiC,4BAEzC,OAAI,EAAA,WAAU,2BAEZ,UAAA,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAACC,GAAGC,MACpBC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,6BAA6B,CAAA;AAAA,IAC5CA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,2BAA2B,CAAA;AAAA,EAAA,GAC5C;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,kCACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,oCAAoC,CAAA;AAAA,IACnDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,IACpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCAAmC,CAAA;AAAA,IAClDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,wCAAwC,CAAA;AAAA,IACvDD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,oCAAoC,CAAA;AAAA,MACnDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,sCAAsC,CAAA;AAAA,IAAA,EACvD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,KAd2CF,CAe7C,CACD,GACH;"}

package/dist/index.es109.js

@@ -0,0 +1,49 @@
+import { j as o } from "./index.es216.js";
+import { useState as c } from "react";
+import { StepItem as f } from "./index.es361.js";
+import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
+import S from "./index.es363.js";
+const h = ({
+  steps: s,
+  mainTitle: l,
+  toggleStepsLabels: r,
+  toggleSingleStepsLabel: m
+}) => {
+  const [n, a] = c(
+    s.map((e, t) => t === 0)
+  ), [p, i] = c(!1), g = () => {
+    const e = !p;
+    a(s.map(() => e)), i(e);
+  }, d = (e) => {
+    const t = [...n];
+    t[e] = !t[e], a(t);
+  };
+  return /* @__PURE__ */ o.jsxs("div", { className: "accordion-stepper", children: [
+    l && /* @__PURE__ */ o.jsx("h2", { className: "mainTitle fs-x40 fw-bold", children: l }),
+    /* @__PURE__ */ o.jsx(
+      S,
+      {
+        className: "toggle-all",
+        onClick: g,
+        isOpen: p,
+        toggleLabels: r
+      }
+    ),
+    s.map((e, t) => /* @__PURE__ */ o.jsx(
+      f,
+      {
+        index: t,
+        title: e.title,
+        content: e.content,
+        isOpen: n[t],
+        detailLabels: m,
+        onToggle: () => d(t)
+      },
+      t
+    ))
+  ] });
+};
+export {
+  h as AccordionStepper
+};
+//# sourceMappingURL=index.es109.js.map

package/dist/index.es109.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es109.js","sources":["../src/components/ui/Accordion/AccordionStepper/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { StepData, StepItem } from \"./StepItem\";\nimport \"./AccordionStepper.scss\";\nimport { ToggleLabel } from \"../types\";\nimport ToggleContent from \"../ToggleContent\";\n\ninterface AccordionStepperProps {\n  mainTitle?: string;\n  toggleStepsLabels: ToggleLabel;\n  toggleSingleStepsLabel: ToggleLabel;\n  steps: StepData[];\n}\n\nexport const AccordionStepper: React.FC<AccordionStepperProps> = ({\n  steps,\n  mainTitle,\n  toggleStepsLabels,\n  toggleSingleStepsLabel,\n}) => {\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\n    steps.map((_, index) => index === 0),\n  );\n  const [allOpen, setAllOpen] = useState(false);\n\n  const toggleAll = () => {\n    const newState = !allOpen;\n    setExpandedSteps(steps.map(() => newState));\n    setAllOpen(newState);\n  };\n\n  const toggleStep = (index: number) => {\n    const updated = [...expandedSteps];\n    updated[index] = !updated[index];\n    setExpandedSteps(updated);\n  };\n\n  return (\n    <div className=\"accordion-stepper\">\n      {mainTitle && <h2 className=\"mainTitle fs-x40 fw-bold\">{mainTitle}</h2>}\n      <ToggleContent\n        className=\"toggle-all\"\n        onClick={toggleAll}\n        isOpen={allOpen}\n        toggleLabels={toggleStepsLabels}\n      />\n\n      {steps.map((step, index) => (\n        <StepItem\n          key={index}\n          index={index}\n          title={step.title}\n          content={step.content}\n          isOpen={expandedSteps[index]}\n          detailLabels={toggleSingleStepsLabel}\n          onToggle={() => toggleStep(index)}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["AccordionStepper","steps","mainTitle","toggleStepsLabels","toggleSingleStepsLabel","expandedSteps","setExpandedSteps","useState","_","index","allOpen","setAllOpen","toggleAll","newState","toggleStep","updated","jsxs","jsx","ToggleContent","step","StepItem"],"mappings":";;;;;AAaO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,wBAAAC;AACF,MAAM;AACE,QAAA,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCN,EAAM,IAAI,CAACO,GAAGC,MAAUA,MAAU,CAAC;AAAA,EACrC,GACM,CAACC,GAASC,CAAU,IAAIJ,EAAS,EAAK,GAEtCK,IAAY,MAAM;AACtB,UAAMC,IAAW,CAACH;AAClB,IAAAJ,EAAiBL,EAAM,IAAI,MAAMY,CAAQ,CAAC,GAC1CF,EAAWE,CAAQ;AAAA,EACrB,GAEMC,IAAa,CAACL,MAAkB;AAC9B,UAAAM,IAAU,CAAC,GAAGV,CAAa;AACjC,IAAAU,EAAQN,CAAK,IAAI,CAACM,EAAQN,CAAK,GAC/BH,EAAiBS,CAAO;AAAA,EAC1B;AAGE,SAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,qBACZ,UAAA;AAAA,IAAAd,KAAce,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,4BAA4B,UAAUf,GAAA;AAAA,IAClEe,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASN;AAAA,QACT,QAAQF;AAAA,QACR,cAAcP;AAAA,MAAA;AAAA,IAChB;AAAA,IAECF,EAAM,IAAI,CAACkB,GAAMV,MAChBQ,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,OAAAX;AAAA,QACA,OAAOU,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQd,EAAcI,CAAK;AAAA,QAC3B,cAAcL;AAAA,QACd,UAAU,MAAMU,EAAWL,CAAK;AAAA,MAAA;AAAA,MAN3BA;AAAA,IAQR,CAAA;AAAA,EAAA,GACH;AAEJ;"}

package/dist/index.es11.js

@@ -0,0 +1,75 @@
+import { j as r } from "./index.es216.js";
+import './components/ui/Search/Search.css';/* empty css            */
+import { clsx as t } from "./index.es218.js";
+import { useState as x } from "react";
+import { Button as d } from "./index.es26.js";
+import { SearchIcon as o } from "./index.es196.js";
+const v = ({
+  btnText: m,
+  helperText: l,
+  onChangeValue: a,
+  value: p,
+  variant: c = "basic",
+  onSearch: s
+}) => {
+  const [i, u] = x(p);
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      className: t("ui-search", "br-x4 bg-border-secondary w-full", c),
+      children: c === "basic" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            id: "search",
+            type: "search",
+            className: t(
+              "ui-search-input",
+              "bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"
+            ),
+            placeholder: l,
+            "aria-label": "Barra di ricerca",
+            value: i,
+            onChange: (e) => {
+              a && a(e.target.value), u(e.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ r.jsx("div", { className: t("ui-div-btn"), children: /* @__PURE__ */ r.jsx(
+          d,
+          {
+            className: t(
+              "ui-btn-search",
+              "bg-primary text-white fs-7 fw-semibold br-x4"
+            ),
+            onClick: () => s == null ? void 0 : s(i),
+            children: m
+          }
+        ) })
+      ] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx(o, { width: 20, height: 20 }),
+        /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            id: "search",
+            type: "search",
+            className: t(
+              "ui-search-input",
+              "bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"
+            ),
+            placeholder: l,
+            "aria-label": "Barra di ricerca",
+            value: i,
+            onChange: (e) => {
+              a && a(e.target.value), u(e.target.value);
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  v as Search
+};
+//# sourceMappingURL=index.es11.js.map