@anoki/fse-ui 1.0.466 → 1.0.468

package/dist/index.es100.js

@@ -1,86 +1,82 @@
-import { j as o } from "./index.es177.js";
-import j, { useState as N, useEffect as u } from "react";
+import { j as s } from "./index.es177.js";
+import f, { useState as w, useEffect as l } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQuery as E } from "./index.es186.js";
-import { clsx as y } from "./index.es178.js";
-import { Row as H } from "./index.es9.js";
-import { ArrowDown as I } from "./index.es110.js";
-import { ScrollArea as S } from "./index.es297.js";
-const B = ({
-  title: h = "Indice",
-  headings: l,
-  titleTag: p = "h3",
-  scrollContainer: c,
-  containerRef: r,
-  isOpen: a,
-  onToggle: x = () => {
+import { useMediaQuery as v } from "./index.es195.js";
+import { clsx as b } from "./index.es179.js";
+import { Row as j } from "./index.es9.js";
+import { ArrowDown as g } from "./index.es110.js";
+import { ScrollArea as N } from "./index.es306.js";
+const H = ({
+  title: i = "Indice",
+  headings: r,
+  titleTag: n = "h3",
+  isOpen: c,
+  onToggle: a = () => {
   }
 }) => {
-  const [w, v] = j.useState(""), [g, m] = N(0), f = E("(min-width: 768px)") || a;
-  return u(() => {
+  const [d, m] = f.useState(""), [p, x] = w(0), h = v("(min-width: 768px)") || c;
+  return l(() => {
     const e = () => {
-      const s = (r == null ? void 0 : r.current) || (c ? document.querySelector(c) : window);
-      if (s === window) {
-        const i = window.scrollY, n = document.documentElement.scrollHeight - window.innerHeight, d = Math.min(i / n * 100, 100);
-        m(d);
-      } else if (s instanceof HTMLElement) {
-        const i = s.scrollTop, n = s.scrollHeight, d = s.clientHeight, b = Math.min(
-          i / (n - d) * 100,
-          100
-        );
-        m(b);
-      }
-    }, t = (r == null ? void 0 : r.current) || (c ? document.querySelector(c) : window);
-    return t == null || t.addEventListener("scroll", e), e(), () => t == null ? void 0 : t.removeEventListener("scroll", e);
-  }, [c, r]), u(() => {
+      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);
+  }, []), l(() => {
     const e = new IntersectionObserver(
-      (t) => {
-        t.forEach((s) => {
-          s.isIntersecting && v(s.target.id);
+      (o) => {
+        o.forEach((t) => {
+          t.isIntersecting && m(t.target.id);
         });
       },
       {
-        root: null,
         rootMargin: "-100px 0px -50% 0px",
         threshold: 0
       }
     );
-    return l.forEach(({ id: t }) => {
-      const s = document.getElementById(t);
-      s && e.observe(s);
+    return r.forEach(({ id: o }) => {
+      const t = document.getElementById(o);
+      t && e.observe(t);
     }), () => e.disconnect();
-  }, [l]), /* @__PURE__ */ o.jsxs("div", { className: "toc-container", children: [
-    /* @__PURE__ */ o.jsx("button", { className: "ui-button-accordion-toc", onClick: x, children: /* @__PURE__ */ o.jsxs(H, { className: "ui-header-table-of-contents", children: [
-      /* @__PURE__ */ o.jsx(p, { className: "text-slate-20 fw-semibold fs-7", children: h }),
-      /* @__PURE__ */ o.jsx(
-        I,
-        {
-          color: "primary",
-          className: y("ui-arrow-toc", { "ui-expanded-toc": a })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ o.jsx("div", { className: "scroll-progress-bar", children: /* @__PURE__ */ o.jsx(
+  }, [r]), /* @__PURE__ */ s.jsxs("div", { className: "toc-container", children: [
+    /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        className: "ui-button-accordion-toc",
+        onClick: a,
+        type: "button",
+        children: /* @__PURE__ */ s.jsxs(j, { className: "ui-header-table-of-contents", children: [
+          /* @__PURE__ */ s.jsx(n, { className: "text-slate-20 fw-semibold fs-7", children: i }),
+          /* @__PURE__ */ s.jsx(
+            g,
+            {
+              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: `${g}%` }
+        style: { width: `${p}%` }
       }
     ) }),
-    f && /* @__PURE__ */ o.jsx(
-      S,
+    h && /* @__PURE__ */ s.jsx(
+      N,
       {
         type: "always",
         scrollbars: "vertical",
         className: "toc-scroll fw-semibold fs-6",
-        children: /* @__PURE__ */ o.jsx("div", { className: "toc-list base-col", children: l.map((e) => /* @__PURE__ */ o.jsx("div", { className: "toc-item", children: /* @__PURE__ */ o.jsx(
+        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 ${w === e.id ? "active text-primary" : "text-slate-28"}`,
-            onClick: (t) => {
-              var s;
-              t.preventDefault(), (s = document.getElementById(e.id)) == null || s.scrollIntoView({ behavior: "smooth" });
+            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" });
             },
             children: e.text
           }
@@ -90,6 +86,6 @@ const B = ({
   ] });
 };
 export {
-  B as TableOfContents
+  H as TableOfContents
 };
 //# sourceMappingURL=index.es100.js.map

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.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  scrollContainer?: string;\n  containerRef?: React.RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onToggle?: () => void;\n};\n\nexport const TableOfContents = ({\n  title = \"Indice\",\n  headings,\n  titleTag: TitleTag = \"h3\",\n  scrollContainer,\n  containerRef,\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  useEffect(() => {\n    const updateScrollProgress = () => {\n      const container =\n        containerRef?.current ||\n        (scrollContainer ? document.querySelector(scrollContainer) : window);\n\n      if (container === window) {\n        const scrollTop = window.scrollY;\n        const docHeight =\n          document.documentElement.scrollHeight - window.innerHeight;\n        const scrollPercent = Math.min((scrollTop / docHeight) * 100, 100);\n        setScrollProgress(scrollPercent);\n      } else if (container instanceof HTMLElement) {\n        const scrollTop = container.scrollTop;\n        const scrollHeight = container.scrollHeight;\n        const clientHeight = container.clientHeight;\n        const scrollPercent = Math.min(\n          (scrollTop / (scrollHeight - clientHeight)) * 100,\n          100,\n        );\n        setScrollProgress(scrollPercent);\n      }\n    };\n\n    const container =\n      containerRef?.current ||\n      (scrollContainer ? document.querySelector(scrollContainer) : window);\n\n    container?.addEventListener(\"scroll\", updateScrollProgress);\n    updateScrollProgress();\n\n    return () => container?.removeEventListener(\"scroll\", updateScrollProgress);\n  }, [scrollContainer, containerRef]);\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        root: null,\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 className={\"ui-button-accordion-toc\"} onClick={onToggle}>\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                  }}\n                >\n                  {item.text}\n                </a>\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n"],"names":["TableOfContents","title","headings","TitleTag","scrollContainer","containerRef","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","showScrollArea","useMediaQuery","useEffect","updateScrollProgress","container","scrollTop","docHeight","scrollPercent","scrollHeight","clientHeight","observer","entries","entry","id","element","jsxs","jsx","Row","ArrowDown","clsx","ScrollArea","item","e","_a"],"mappings":"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"}
+{"version":3,"file":"index.es100.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                  }}\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.es102.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es177.js";
 import { Section as u } from "./index.es46.js";
-import { clsx as f } from "./index.es178.js";
+import { clsx as f } from "./index.es179.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as t } from "./index.es300.js";
+import { l as t } from "./index.es181.js";
 import { CardCategory as v } from "./index.es26.js";
 import { Col as w } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es35.js";

package/dist/index.es105.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es177.js";
 import { Section as l } from "./index.es46.js";
-import { clsx as f } from "./index.es178.js";
+import { clsx as f } from "./index.es179.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as a } from "./index.es300.js";
+import { l as a } from "./index.es181.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as v } from "./index.es35.js";
 import { CardCategory as g } from "./index.es26.js";

package/dist/index.es106.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es177.js";
 import { Section as c } from "./index.es46.js";
-import { clsx as u } from "./index.es178.js";
+import { clsx as u } from "./index.es179.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es29.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es109.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es177.js";
-import { clsx as t } from "./index.es178.js";
-import { createColorClasses as e } from "./index.es181.js";
+import { clsx as t } from "./index.es179.js";
+import { createColorClasses as e } from "./index.es188.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es11.js

@@ -1,8 +1,8 @@
 import { j as r } from "./index.es177.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as e } from "./index.es178.js";
+import { clsx as e } from "./index.es179.js";
 import { useState as m } from "react";
-import { useAlertDialog as p } from "./index.es184.js";
+import { useAlertDialog as p } from "./index.es193.js";
 import { Button as x } from "./index.es25.js";
 const v = ({
   btnText: i,

package/dist/index.es110.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es177.js";
-import { clsx as a } from "./index.es178.js";
-import { createColorClasses as i } from "./index.es181.js";
+import { clsx as a } from "./index.es179.js";
+import { createColorClasses as i } from "./index.es188.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es111.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es177.js";
-import { clsx as l } from "./index.es178.js";
-import { createColorClasses as a } from "./index.es181.js";
+import { clsx as l } from "./index.es179.js";
+import { createColorClasses as a } from "./index.es188.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es112.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es177.js";
-import { clsx as a } from "./index.es178.js";
-import { createColorClasses as l } from "./index.es181.js";
+import { clsx as a } from "./index.es179.js";
+import { createColorClasses as l } from "./index.es188.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es177.js";
-import { clsx as a } from "./index.es178.js";
-import { createColorClasses as i } from "./index.es181.js";
+import { clsx as a } from "./index.es179.js";
+import { createColorClasses as i } from "./index.es188.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es114.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es177.js";
-import { clsx as l } from "./index.es178.js";
-import { createColorClasses as a } from "./index.es181.js";
+import { clsx as l } from "./index.es179.js";
+import { createColorClasses as a } from "./index.es188.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es177.js";
-import { clsx as l } from "./index.es178.js";
-import { createColorClasses as c } from "./index.es181.js";
+import { clsx as l } from "./index.es179.js";
+import { createColorClasses as c } from "./index.es188.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es177.js";
-import { clsx as t } from "./index.es178.js";
-import { createColorClasses as e } from "./index.es181.js";
+import { clsx as t } from "./index.es179.js";
+import { createColorClasses as e } from "./index.es188.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es177.js";
-import { clsx as s } from "./index.es178.js";
-import { createColorClasses as q } from "./index.es181.js";
+import { clsx as s } from "./index.es179.js";
+import { createColorClasses as q } from "./index.es188.js";
 const e = ({
   width: l = 315,
   height: h = 48,

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es177.js";
-import { clsx as s } from "./index.es178.js";
-import { createColorClasses as r } from "./index.es181.js";
+import { clsx as s } from "./index.es179.js";
+import { createColorClasses as r } from "./index.es188.js";
 const a = ({
   width: v = 141,
   height: h = 48,

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es177.js";
-import { clsx as c } from "./index.es178.js";
-import { createColorClasses as r } from "./index.es181.js";
+import { clsx as c } from "./index.es179.js";
+import { createColorClasses as r } from "./index.es188.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es177.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es178.js";
+import { clsx as l } from "./index.es179.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es186.js";
+import { useMediaQuery as N } from "./index.es195.js";
 import { Close as I } from "./index.es113.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es25.js";

package/dist/index.es120.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es177.js";
-import { clsx as s } from "./index.es178.js";
-import { createColorClasses as q } from "./index.es181.js";
+import { clsx as s } from "./index.es179.js";
+import { createColorClasses as q } from "./index.es188.js";
 const V = ({
   width: l = 292,
   height: z = 48,

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es177.js";
-import { clsx as c } from "./index.es178.js";
-import { createColorClasses as M } from "./index.es181.js";
+import { clsx as c } from "./index.es179.js";
+import { createColorClasses as M } from "./index.es188.js";
 const r = ({
   width: h = 222,
   height: v = 48,

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es177.js";
-import { clsx as s } from "./index.es178.js";
-import { createColorClasses as f } from "./index.es181.js";
+import { clsx as s } from "./index.es179.js";
+import { createColorClasses as f } from "./index.es188.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es177.js";
-import { clsx as o } from "./index.es178.js";
-import { createColorClasses as t } from "./index.es181.js";
+import { clsx as o } from "./index.es179.js";
+import { createColorClasses as t } from "./index.es188.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es124.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es177.js";
-import { clsx as i } from "./index.es178.js";
-import { createColorClasses as a } from "./index.es181.js";
+import { clsx as i } from "./index.es179.js";
+import { createColorClasses as a } from "./index.es188.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es125.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es177.js";
-import { clsx as i } from "./index.es178.js";
-import { createColorClasses as a } from "./index.es181.js";
+import { clsx as i } from "./index.es179.js";
+import { createColorClasses as a } from "./index.es188.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es126.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es177.js";
-import { clsx as c } from "./index.es178.js";
-import { createColorClasses as h } from "./index.es181.js";
+import { clsx as c } from "./index.es179.js";
+import { createColorClasses as h } from "./index.es188.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es177.js";
-import { clsx as l } from "./index.es178.js";
-import { createColorClasses as r } from "./index.es181.js";
+import { clsx as l } from "./index.es179.js";
+import { createColorClasses as r } from "./index.es188.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es177.js";
-import { clsx as r } from "./index.es178.js";
-import { createColorClasses as t } from "./index.es181.js";
+import { clsx as r } from "./index.es179.js";
+import { createColorClasses as t } from "./index.es188.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es129.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es177.js";
-import { clsx as m } from "./index.es178.js";
-import { createColorClasses as d } from "./index.es181.js";
+import { clsx as m } from "./index.es179.js";
+import { createColorClasses as d } from "./index.es188.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es177.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es178.js";
+import { clsx as n } from "./index.es179.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es113.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es177.js";
-import { clsx as t } from "./index.es178.js";
-import { createColorClasses as v } from "./index.es181.js";
+import { clsx as t } from "./index.es179.js";
+import { createColorClasses as v } from "./index.es188.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es131.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es177.js";
-import { clsx as s } from "./index.es178.js";
+import { clsx as s } from "./index.es179.js";
 const i = ({ width: r = 40, height: e = 40, className: o }) => /* @__PURE__ */ l.jsx(
   "svg",
   {

package/dist/index.es132.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es177.js";
-import { clsx as s } from "./index.es178.js";
+import { clsx as s } from "./index.es179.js";
 const a = ({
   width: e = 24,
   height: t = 24,

package/dist/index.es133.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es177.js";
-import { clsx as t } from "./index.es178.js";
-import { createColorClasses as i } from "./index.es181.js";
+import { clsx as t } from "./index.es179.js";
+import { createColorClasses as i } from "./index.es188.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es177.js";
-import { clsx as t } from "./index.es178.js";
-import { createColorClasses as c } from "./index.es181.js";
+import { clsx as t } from "./index.es179.js";
+import { createColorClasses as c } from "./index.es188.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es177.js";
-import { clsx as a } from "./index.es178.js";
-import { createColorClasses as m } from "./index.es181.js";
+import { clsx as a } from "./index.es179.js";
+import { createColorClasses as m } from "./index.es188.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es137.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es177.js";
-import { clsx as t } from "./index.es178.js";
-import { createColorClasses as c } from "./index.es181.js";
+import { clsx as t } from "./index.es179.js";
+import { createColorClasses as c } from "./index.es188.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es138.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es177.js";
-import { clsx as a } from "./index.es178.js";
-import { createColorClasses as i } from "./index.es181.js";
+import { clsx as a } from "./index.es179.js";
+import { createColorClasses as i } from "./index.es188.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es177.js";
-import { clsx as a } from "./index.es178.js";
-import { createColorClasses as m } from "./index.es181.js";
+import { clsx as a } from "./index.es179.js";
+import { createColorClasses as m } from "./index.es188.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es14.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es177.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es178.js";
+import { clsx as n } from "./index.es179.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es113.js";
 import { Col as N } from "./index.es10.js";

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es177.js";
-import { clsx as i } from "./index.es178.js";
-import { createColorClasses as a } from "./index.es181.js";
+import { clsx as i } from "./index.es179.js";
+import { createColorClasses as a } from "./index.es188.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es177.js";
-import { clsx as r } from "./index.es178.js";
-import { createColorClasses as i } from "./index.es181.js";
+import { clsx as r } from "./index.es179.js";
+import { createColorClasses as i } from "./index.es188.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es177.js";
-import { clsx as l } from "./index.es178.js";
-import { createColorClasses as i } from "./index.es181.js";
+import { clsx as l } from "./index.es179.js";
+import { createColorClasses as i } from "./index.es188.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es177.js";
-import { clsx as i } from "./index.es178.js";
-import { createColorClasses as m } from "./index.es181.js";
+import { clsx as i } from "./index.es179.js";
+import { createColorClasses as m } from "./index.es188.js";
 const p = ({
   width: r = 16,
   height: s = 29,