@anoki/fse-ui 1.0.526 → 1.0.527

package/dist/index.es25.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es180.js";
-import { createColorClasses as d } from "./index.es191.js";
+import { j as o } from "./index.es180.js";
+import { createColorClasses as a } from "./index.es191.js";
 import { clsx as w } from "./index.es182.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es149.js";
@@ -9,69 +9,69 @@ const R = ({
   bg: m = "primary",
   textColor: p = "white",
   border: i = "white",
-  size: c = "3",
-  className: l,
-  disabled: r,
-  loading: o,
-  onClick: b,
-  type: f = "button",
-  form: j = "",
-  asLink: x,
-  href: C,
-  target: S = void 0,
-  rel: y = void 0,
-  ...n
+  size: f = "3",
+  className: c,
+  disabled: n,
+  loading: s,
+  onClick: l,
+  type: b = "button",
+  form: d = "",
+  asLink: r,
+  href: j,
+  target: C = void 0,
+  rel: S = void 0,
+  ...u
 }) => {
-  const N = t ? "" : d({
+  const y = t ? "" : a({
     bg: m,
     text: p,
     border: i
-  }), u = w(
+  }), x = w(
     "ui-button",
     {
       2: "fs-6 py-x12 px-x24",
       3: "fs-7 py-x12 px-x24",
       4: "fs-6 py-x4 px-x8"
-    }[c],
+    }[f],
     // Apply variant class if provided
     t && `ui-button-${t}`,
     // Otherwise use traditional classes
-    !t && N,
+    !t && y,
     {
-      "ui-button-disabled": r || o
+      "ui-button-disabled": n || s
     },
     {
-      "ui-button-loading": o
+      "ui-button-loading": s
     },
-    l,
+    c,
     "fw-bold"
   );
-  if (x) {
-    const a = x;
-    return /* @__PURE__ */ s.jsx(
-      a,
+  if (r) {
+    const N = r;
+    return /* @__PURE__ */ o.jsx(
+      N,
       {
-        target: S,
-        rel: y,
-        href: C,
-        className: u,
-        ...n,
+        target: C,
+        rel: S,
+        href: j,
+        className: x,
+        ...u,
         children: e
       }
     );
   }
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "button",
     {
-      type: f,
-      form: j,
-      className: u,
-      onClick: b,
-      disabled: r || o,
-      ...n,
+      type: b,
+      form: d,
+      className: x,
+      onClick: l,
+      disabled: n || s,
+      ...u,
       children: [
         e,
-        o ? /* @__PURE__ */ s.jsx(B, {}) : null
+        s ? /* @__PURE__ */ o.jsx(B, {}) : null
       ]
     }
   );

package/dist/index.es257.js

@@ -1,32 +1,32 @@
-import * as s from "react";
-import { composeEventHandlers as T } from "./index.es327.js";
-import { useComposedRefs as _ } from "./index.es328.js";
-import { createContextScope as H } from "./index.es329.js";
-import { useControllableState as I } from "./index.es330.js";
-import { usePrevious as M } from "./index.es334.js";
-import { useSize as N } from "./index.es335.js";
-import { Primitive as w } from "./index.es331.js";
-import { j as p } from "./index.es180.js";
-var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
-  (e, n) => {
+import * as n from "react";
+import { composeEventHandlers as T } from "./index.es324.js";
+import { useComposedRefs as _ } from "./index.es325.js";
+import { createContextScope as H } from "./index.es326.js";
+import { useControllableState as I } from "./index.es327.js";
+import { usePrevious as M } from "./index.es348.js";
+import { useSize as N } from "./index.es349.js";
+import { Primitive as w } from "./index.es328.js";
+import { j as u } from "./index.es180.js";
+var k = "Switch", [B, J] = H(k), [q, z] = B(k), C = n.forwardRef(
+  (e, s) => {
     const {
       __scopeSwitch: t,
       name: o,
       checked: r,
-      defaultChecked: u,
+      defaultChecked: p,
       required: a,
       disabled: c,
       value: i = "on",
-      onCheckedChange: f,
+      onCheckedChange: m,
       form: b,
       ...l
-    } = e, [d, R] = s.useState(null), E = _(n, (m) => R(m)), v = s.useRef(!1), k = d ? b || !!d.closest("form") : !0, [h = !1, g] = I({
+    } = e, [d, R] = n.useState(null), E = _(s, (f) => R(f)), S = n.useRef(!1), v = d ? b || !!d.closest("form") : !0, [h = !1, g] = I({
       prop: r,
-      defaultProp: u,
-      onChange: f
+      defaultProp: p,
+      onChange: m
     });
-    return /* @__PURE__ */ p.jsxs(q, { scope: t, checked: h, disabled: c, children: [
-      /* @__PURE__ */ p.jsx(
+    return /* @__PURE__ */ u.jsxs(q, { scope: t, checked: h, disabled: c, children: [
+      /* @__PURE__ */ u.jsx(
         w.button,
         {
           type: "button",
@@ -39,16 +39,16 @@ var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
           value: i,
           ...l,
           ref: E,
-          onClick: T(e.onClick, (m) => {
-            g((j) => !j), k && (v.current = m.isPropagationStopped(), v.current || m.stopPropagation());
+          onClick: T(e.onClick, (f) => {
+            g((j) => !j), v && (S.current = f.isPropagationStopped(), S.current || f.stopPropagation());
           })
         }
       ),
-      k && /* @__PURE__ */ p.jsx(
+      v && /* @__PURE__ */ u.jsx(
         A,
         {
           control: d,
-          bubbles: !v.current,
+          bubbles: !S.current,
           name: o,
           value: i,
           checked: h,
@@ -61,31 +61,31 @@ var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
     ] });
   }
 );
-C.displayName = S;
-var x = "SwitchThumb", P = s.forwardRef(
-  (e, n) => {
+C.displayName = k;
+var x = "SwitchThumb", P = n.forwardRef(
+  (e, s) => {
     const { __scopeSwitch: t, ...o } = e, r = z(x, t);
-    return /* @__PURE__ */ p.jsx(
+    return /* @__PURE__ */ u.jsx(
       w.span,
       {
         "data-state": y(r.checked),
         "data-disabled": r.disabled ? "" : void 0,
         ...o,
-        ref: n
+        ref: s
       }
     );
   }
 );
 P.displayName = x;
 var A = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...r } = e, u = s.useRef(null), a = M(t), c = N(n);
-  return s.useEffect(() => {
-    const i = u.current, f = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(f, "checked").set;
+  const { control: s, checked: t, bubbles: o = !0, ...r } = e, p = n.useRef(null), a = M(t), c = N(s);
+  return n.useEffect(() => {
+    const i = p.current, m = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(m, "checked").set;
     if (a !== t && l) {
       const d = new Event("click", { bubbles: o });
       l.call(i, t), i.dispatchEvent(d);
     }
-  }, [a, t, o]), /* @__PURE__ */ p.jsx(
+  }, [a, t, o]), /* @__PURE__ */ u.jsx(
     "input",
     {
       type: "checkbox",
@@ -93,7 +93,7 @@ var A = (e) => {
       defaultChecked: t,
       ...r,
       tabIndex: -1,
-      ref: u,
+      ref: p,
       style: {
         ...e.style,
         ...c,

package/dist/index.es259.js

@@ -1,54 +1,54 @@
 import n from "react";
-var b = typeof window > "u", y = b ? n.useEffect : n.useLayoutEffect, $ = 0, v = () => ++$, m = !1;
+var v = typeof window > "u", y = v ? n.useEffect : n.useLayoutEffect, $ = 0, m = () => ++$, _ = !1;
 function x() {
-  let [t, s] = n.useState(m ? v : void 0);
+  let [t, s] = n.useState(_ ? m : void 0);
   return y(() => {
-    t === void 0 && s(v()), m = !0;
+    t === void 0 && s(m()), _ = !0;
   }, []), t === void 0 ? t : `rwb-${t.toString(32)}`;
 }
 function E() {
   return n.useMemo(() => "useId" in n ? n.useId : x, [])();
 }
-var p = "__wrap_b", f = "__wrap_n", _ = "__wrap_o", w = (t, s, e) => {
+var p = "__wrap_b", f = "__wrap_n", b = "__wrap_o", w = (t, s, e) => {
   e = e || document.querySelector(`[data-br="${t}"]`);
   let r = e == null ? void 0 : e.parentElement;
   if (!r) return;
-  let l = (d) => e.style.maxWidth = d + "px";
+  let l = (u) => e.style.maxWidth = u + "px";
   e.style.maxWidth = "";
-  let i = r.clientWidth, u = r.clientHeight, o = i / 2 - 0.25, a = i + 0.5, c;
+  let i = r.clientWidth, c = r.clientHeight, a = i / 2 - 0.25, o = i + 0.5, d;
   if (i) {
-    for (l(o), o = Math.max(e.scrollWidth, o); o + 1 < a; ) c = Math.round((o + a) / 2), l(c), r.clientHeight === u ? a = c : o = c;
-    l(a * s + i * (1 - s));
+    for (l(a), a = Math.max(e.scrollWidth, a); a + 1 < o; ) d = Math.round((a + o) / 2), l(d), r.clientHeight === c ? o = d : a = d;
+    l(o * s + i * (1 - s));
   }
   e.__wrap_o || (typeof ResizeObserver < "u" ? (e.__wrap_o = new ResizeObserver(() => {
     self.__wrap_b(0, +e.dataset.brr, e);
   })).observe(r) : process.env.NODE_ENV === "development" && console.warn("The browser you are using does not support the ResizeObserver API. Please consider add polyfill for this API to avoid potential layout shifts or upgrade your browser. Read more: https://github.com/shuding/react-wrap-balancer#browser-support-information"));
-}, S = w.toString(), N = '(self.CSS&&CSS.supports("text-wrap","balance")?1:2)', A = (t, s, e = "") => (e && (e = `self.${f}!=1&&${e}`), n.createElement("script", { suppressHydrationWarning: !0, dangerouslySetInnerHTML: { __html: (t ? "" : `self.${f}=self.${f}||${N};self.${p}=${S};`) + e }, nonce: s })), I = n.createContext({ preferNative: !0, hasProvider: !1 }), O = n.forwardRef(({ ratio: t = 1, preferNative: s, nonce: e, children: r, as: l, ...i }, u) => {
-  let o = E(), a = n.useRef(), c = n.useContext(I), d = s ?? c.preferNative, g = l || "span";
-  return n.useImperativeHandle(u, () => a.current, []), y(() => {
-    d && self[f] === 1 || a.current && (self[p] = w)(0, t, a.current);
-  }, [r, d, t]), y(() => {
-    if (!(d && self[f] === 1)) return () => {
-      if (!a.current) return;
-      let h = a.current[_];
-      h && (h.disconnect(), delete a.current[_]);
+}, S = w.toString(), N = '(self.CSS&&CSS.supports("text-wrap","balance")?1:2)', A = (t, s, e = "") => (e && (e = `self.${f}!=1&&${e}`), n.createElement("script", { suppressHydrationWarning: !0, dangerouslySetInnerHTML: { __html: (t ? "" : `self.${f}=self.${f}||${N};self.${p}=${S};`) + e }, nonce: s })), I = n.createContext({ preferNative: !0, hasProvider: !1 }), O = n.forwardRef(({ ratio: t = 1, preferNative: s, nonce: e, children: r, as: l, ...i }, c) => {
+  let a = E(), o = n.useRef(), d = n.useContext(I), u = s ?? d.preferNative, g = l || "span";
+  return n.useImperativeHandle(c, () => o.current, []), y(() => {
+    u && self[f] === 1 || o.current && (self[p] = w)(0, t, o.current);
+  }, [r, u, t]), y(() => {
+    if (!(u && self[f] === 1)) return () => {
+      if (!o.current) return;
+      let h = o.current[b];
+      h && (h.disconnect(), delete o.current[b]);
     };
-  }, [d]), process.env.NODE_ENV === "development" && r && !Array.isArray(r) && typeof r == "object" && "type" in r && typeof r.type == "string" && r.type !== "span" && console.warn(`<Balancer> should not wrap <${r.type}> inside. Instead, it should directly wrap text or inline nodes.
+  }, [u]), process.env.NODE_ENV === "development" && r && !Array.isArray(r) && typeof r == "object" && "type" in r && typeof r.type == "string" && r.type !== "span" && console.warn(`<Balancer> should not wrap <${r.type}> inside. Instead, it should directly wrap text or inline nodes.
 
 Try changing this:
   <Balancer><${r.type}>content</${r.type}></Balancer>
 To:
-  <${r.type}><Balancer>content</Balancer></${r.type}>`), n.createElement(n.Fragment, null, n.createElement(g, { ...i, "data-br": o, "data-brr": t, ref: a, style: { display: "inline-block", verticalAlign: "top", textDecoration: "inherit", textWrap: d ? "balance" : "initial" }, suppressHydrationWarning: !0 }, r), A(c.hasProvider, e, `self.${p}("${o}",${t})`));
+  <${r.type}><Balancer>content</Balancer></${r.type}>`), n.createElement(n.Fragment, null, n.createElement(g, { ...i, "data-br": a, "data-brr": t, ref: o, style: { display: "inline-block", verticalAlign: "top", textDecoration: "inherit", textWrap: u ? "balance" : "initial" }, suppressHydrationWarning: !0 }, r), A(d.hasProvider, e, `self.${p}("${a}",${t})`));
 });
-if (!b && process.env.NODE_ENV !== "production") {
+if (!v && process.env.NODE_ENV !== "production") {
   let t = document.querySelector("[data-next-hide-fouc]");
   if (t) {
     let s = (r) => {
       for (let l of r) for (let i of Array.from(l.removedNodes)) {
         if (i !== t) continue;
         e.disconnect();
-        let u = document.querySelectorAll("[data-br]");
-        for (let o of Array.from(u)) self[p](0, +o.dataset.brr, o);
+        let c = document.querySelectorAll("[data-br]");
+        for (let a of Array.from(c)) self[p](0, +a.dataset.brr, a);
       }
     }, e = new MutationObserver(s);
     e.observe(document.head, { childList: !0 });

package/dist/index.es259.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es259.js","sources":["../node_modules/react-wrap-balancer/dist/index.mjs"],"sourcesContent":["\"use client\"\nimport a from\"react\";import p from\"react\";var E=typeof window==\"undefined\",m=E?p.useEffect:p.useLayoutEffect,B=0,_=()=>++B,v=!1;function O(){let[n,r]=p.useState(v?_:void 0);return m(()=>{n===void 0&&r(_()),v=!0},[]),n===void 0?n:`rwb-${n.toString(32)}`}function R(){return p.useMemo(()=>\"useId\"in p?p.useId:O,[])()}var y=\"__wrap_b\",f=\"__wrap_n\",S=\"__wrap_o\",T=(n,r,e)=>{e=e||document.querySelector(`[data-br=\"${n}\"]`);let t=e==null?void 0:e.parentElement;if(!t)return;let l=u=>e.style.maxWidth=u+\"px\";e.style.maxWidth=\"\";let i=t.clientWidth,d=t.clientHeight,o=i/2-.25,s=i+.5,c;if(i){for(l(o),o=Math.max(e.scrollWidth,o);o+1<s;)c=Math.round((o+s)/2),l(c),t.clientHeight===d?s=c:o=c;l(s*r+i*(1-r))}e.__wrap_o||(typeof ResizeObserver!=\"undefined\"?(e.__wrap_o=new ResizeObserver(()=>{self.__wrap_b(0,+e.dataset.brr,e)})).observe(t):process.env.NODE_ENV===\"development\"&&console.warn(\"The browser you are using does not support the ResizeObserver API. Please consider add polyfill for this API to avoid potential layout shifts or upgrade your browser. Read more: https://github.com/shuding/react-wrap-balancer#browser-support-information\"))},I=T.toString(),w='(self.CSS&&CSS.supports(\"text-wrap\",\"balance\")?1:2)',g=(n,r,e=\"\")=>(e&&(e=`self.${f}!=1&&${e}`),a.createElement(\"script\",{suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:(n?\"\":`self.${f}=self.${f}||${w};self.${y}=${I};`)+e},nonce:r})),h=a.createContext({preferNative:!0,hasProvider:!1}),Y=({preferNative:n=!0,nonce:r,children:e})=>{let t=a.useMemo(()=>({preferNative:n,hasProvider:!0}),[n]);return a.createElement(h.Provider,{value:t},g(!1,r),e)},P=a.forwardRef(({ratio:n=1,preferNative:r,nonce:e,children:t,as:l,...i},d)=>{let o=R(),s=a.useRef(),c=a.useContext(h),u=r!=null?r:c.preferNative,x=l||\"span\";return a.useImperativeHandle(d,()=>s.current,[]),m(()=>{u&&self[f]===1||s.current&&(self[y]=T)(0,n,s.current)},[t,u,n]),m(()=>{if(!(u&&self[f]===1))return()=>{if(!s.current)return;let b=s.current[S];b&&(b.disconnect(),delete s.current[S])}},[u]),process.env.NODE_ENV===\"development\"&&t&&!Array.isArray(t)&&typeof t==\"object\"&&\"type\"in t&&typeof t.type==\"string\"&&t.type!==\"span\"&&console.warn(`<Balancer> should not wrap <${t.type}> inside. Instead, it should directly wrap text or inline nodes.\n\nTry changing this:\n  <Balancer><${t.type}>content</${t.type}></Balancer>\nTo:\n  <${t.type}><Balancer>content</Balancer></${t.type}>`),a.createElement(a.Fragment,null,a.createElement(x,{...i,\"data-br\":o,\"data-brr\":n,ref:s,style:{display:\"inline-block\",verticalAlign:\"top\",textDecoration:\"inherit\",textWrap:u?\"balance\":\"initial\"},suppressHydrationWarning:!0},t),g(c.hasProvider,e,`self.${y}(\"${o}\",${n})`))});if(!E&&process.env.NODE_ENV!==\"production\"){let n=document.querySelector(\"[data-next-hide-fouc]\");if(n){let r=t=>{for(let l of t)for(let i of Array.from(l.removedNodes)){if(i!==n)continue;e.disconnect();let d=document.querySelectorAll(\"[data-br]\");for(let o of Array.from(d))self[y](0,+o.dataset.brr,o)}},e=new MutationObserver(r);e.observe(document.head,{childList:!0})}}var A=P;export{P as Balancer,Y as Provider,A as default};\n//# sourceMappingURL=index.mjs.map"],"names":["E","m","p","B","_","v","O","n","r","R","y","S","T","t","u","d","s","I","w","g","a","h","P","x","b","A"],"mappings":";AAC0C,IAAIA,IAAE,OAAO,SAAQ,KAAYC,IAAED,IAAEE,EAAE,YAAUA,EAAE,iBAAgBC,IAAE,GAAEC,IAAE,MAAI,EAAED,GAAEE,IAAE;AAAG,SAASC,IAAG;AAAC,MAAG,CAACC,GAAEC,CAAC,IAAEN,EAAE,SAASG,IAAED,IAAE,MAAM;AAAE,SAAOH,EAAE,MAAI;AAAC,IAAAM,MAAI,UAAQC,EAAEJ,GAAG,GAAEC,IAAE;AAAA,EAAE,GAAE,CAAA,CAAE,GAAEE,MAAI,SAAOA,IAAE,OAAOA,EAAE,SAAS,EAAE,CAAC;AAAE;AAAC,SAASE,IAAG;AAAC,SAAOP,EAAE,QAAQ,MAAI,WAAUA,IAAEA,EAAE,QAAMI,GAAE,CAAE,CAAA;AAAG;AAAI,IAACI,IAAE,YAAW,IAAE,YAAWC,IAAE,YAAWC,IAAE,CAACL,GAAEC,GAAE,MAAI;AAAC,MAAE,KAAG,SAAS,cAAc,aAAaD,CAAC,IAAI;AAAE,MAAIM,IAAE,KAAG,OAAK,SAAO,EAAE;AAAc,MAAG,CAACA,EAAE;AAAO,MAAI,IAAE,CAAAC,MAAG,EAAE,MAAM,WAASA,IAAE;AAAK,IAAE,MAAM,WAAS;AAAG,MAAI,IAAED,EAAE,aAAYE,IAAEF,EAAE,cAAa,IAAE,IAAE,IAAE,MAAIG,IAAE,IAAE,KAAG;AAAE,MAAG,GAAE;AAAC,SAAI,EAAE,CAAC,GAAE,IAAE,KAAK,IAAI,EAAE,aAAY,CAAC,GAAE,IAAE,IAAEA,IAAG,KAAE,KAAK,OAAO,IAAEA,KAAG,CAAC,GAAE,EAAE,CAAC,GAAEH,EAAE,iBAAeE,IAAEC,IAAE,IAAE,IAAE;AAAE,MAAEA,IAAER,IAAE,KAAG,IAAEA,EAAE;AAAA,EAAC;AAAC,IAAE,aAAW,OAAO,iBAAgB,OAAa,EAAE,WAAS,IAAI,eAAe,MAAI;AAAC,SAAK,SAAS,GAAE,CAAC,EAAE,QAAQ,KAAI,CAAC;AAAA,EAAC,CAAC,GAAG,QAAQK,CAAC,IAAE,QAAQ,IAAI,aAAW,iBAAe,QAAQ,KAAK,8PAA8P;AAAE,GAAEI,IAAEL,EAAE,SAAQ,GAAGM,IAAE,uDAAsDC,IAAE,CAACZ,GAAEC,GAAE,IAAE,QAAM,MAAI,IAAE,QAAQ,CAAC,QAAQ,CAAC,KAAIY,EAAE,cAAc,UAAS,EAAC,0BAAyB,IAAG,yBAAwB,EAAC,SAAQb,IAAE,KAAG,QAAQ,CAAC,SAAS,CAAC,KAAKW,CAAC,SAASR,CAAC,IAAIO,CAAC,OAAK,EAAC,GAAE,OAAMT,EAAC,CAAC,IAAGa,IAAED,EAAE,cAAc,EAAC,cAAa,IAAG,aAAY,GAAE,CAAC,GAAkKE,IAAEF,EAAE,WAAW,CAAC,EAAC,OAAMb,IAAE,GAAE,cAAaC,GAAE,OAAM,GAAE,UAASK,GAAE,IAAG,GAAE,GAAG,EAAC,GAAEE,MAAI;AAAC,MAAI,IAAEN,EAAG,GAACO,IAAEI,EAAE,UAAS,IAAEA,EAAE,WAAWC,CAAC,GAAEP,IAAEN,KAAU,EAAE,cAAae,IAAE,KAAG;AAAO,SAAOH,EAAE,oBAAoBL,GAAE,MAAIC,EAAE,SAAQ,CAAA,CAAE,GAAEf,EAAE,MAAI;AAAC,IAAAa,KAAG,KAAK,CAAC,MAAI,KAAGE,EAAE,YAAU,KAAKN,CAAC,IAAEE,GAAG,GAAEL,GAAES,EAAE,OAAO;AAAA,EAAC,GAAE,CAACH,GAAEC,GAAEP,CAAC,CAAC,GAAEN,EAAE,MAAI;AAAC,QAAG,EAAEa,KAAG,KAAK,CAAC,MAAI,GAAG,QAAM,MAAI;AAAC,UAAG,CAACE,EAAE,QAAQ;AAAO,UAAIQ,IAAER,EAAE,QAAQL,CAAC;AAAE,MAAAa,MAAIA,EAAE,WAAU,GAAG,OAAOR,EAAE,QAAQL,CAAC;AAAA,IAAE;AAAA,EAAC,GAAE,CAACG,CAAC,CAAC,GAAE,QAAQ,IAAI,aAAW,iBAAeD,KAAG,CAAC,MAAM,QAAQA,CAAC,KAAG,OAAOA,KAAG,YAAU,UAASA,KAAG,OAAOA,EAAE,QAAM,YAAUA,EAAE,SAAO,UAAQ,QAAQ,KAAK,+BAA+BA,EAAE,IAAI;AAAA;AAAA;AAAA,eAG1oEA,EAAE,IAAI,aAAaA,EAAE,IAAI;AAAA;AAAA,KAEnCA,EAAE,IAAI,kCAAkCA,EAAE,IAAI,GAAG,GAAEO,EAAE,cAAcA,EAAE,UAAS,MAAKA,EAAE,cAAcG,GAAE,EAAC,GAAG,GAAE,WAAU,GAAE,YAAWhB,GAAE,KAAIS,GAAE,OAAM,EAAC,SAAQ,gBAAe,eAAc,OAAM,gBAAe,WAAU,UAASF,IAAE,YAAU,UAAS,GAAE,0BAAyB,GAAE,GAAED,CAAC,GAAEM,EAAE,EAAE,aAAY,GAAE,QAAQT,CAAC,KAAK,CAAC,KAAKH,CAAC,GAAG,CAAC;AAAC,CAAC;AAAE,IAAG,CAACP,KAAG,QAAQ,IAAI,aAAW,cAAa;AAAC,MAAIO,IAAE,SAAS,cAAc,uBAAuB;AAAE,MAAGA,GAAE;AAAC,QAAIC,IAAE,CAAAK,MAAG;AAAC,eAAQ,KAAKA,EAAE,UAAQ,KAAK,MAAM,KAAK,EAAE,YAAY,GAAE;AAAC,YAAG,MAAIN,EAAE;AAAS,UAAE,WAAY;AAAC,YAAIQ,IAAE,SAAS,iBAAiB,WAAW;AAAE,iBAAQ,KAAK,MAAM,KAAKA,CAAC,EAAE,MAAKL,CAAC,EAAE,GAAE,CAAC,EAAE,QAAQ,KAAI,CAAC;AAAA,MAAC;AAAA,IAAC,GAAE,IAAE,IAAI,iBAAiBF,CAAC;AAAE,MAAE,QAAQ,SAAS,MAAK,EAAC,WAAU,GAAE,CAAC;AAAA,EAAC;AAAC;AAAI,IAACiB,IAAEH;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es259.js","sources":["../node_modules/react-wrap-balancer/dist/index.mjs"],"sourcesContent":["\"use client\"\nimport a from\"react\";import p from\"react\";var E=typeof window==\"undefined\",m=E?p.useEffect:p.useLayoutEffect,B=0,_=()=>++B,v=!1;function O(){let[n,r]=p.useState(v?_:void 0);return m(()=>{n===void 0&&r(_()),v=!0},[]),n===void 0?n:`rwb-${n.toString(32)}`}function R(){return p.useMemo(()=>\"useId\"in p?p.useId:O,[])()}var y=\"__wrap_b\",f=\"__wrap_n\",S=\"__wrap_o\",T=(n,r,e)=>{e=e||document.querySelector(`[data-br=\"${n}\"]`);let t=e==null?void 0:e.parentElement;if(!t)return;let l=u=>e.style.maxWidth=u+\"px\";e.style.maxWidth=\"\";let i=t.clientWidth,d=t.clientHeight,o=i/2-.25,s=i+.5,c;if(i){for(l(o),o=Math.max(e.scrollWidth,o);o+1<s;)c=Math.round((o+s)/2),l(c),t.clientHeight===d?s=c:o=c;l(s*r+i*(1-r))}e.__wrap_o||(typeof ResizeObserver!=\"undefined\"?(e.__wrap_o=new ResizeObserver(()=>{self.__wrap_b(0,+e.dataset.brr,e)})).observe(t):process.env.NODE_ENV===\"development\"&&console.warn(\"The browser you are using does not support the ResizeObserver API. Please consider add polyfill for this API to avoid potential layout shifts or upgrade your browser. Read more: https://github.com/shuding/react-wrap-balancer#browser-support-information\"))},I=T.toString(),w='(self.CSS&&CSS.supports(\"text-wrap\",\"balance\")?1:2)',g=(n,r,e=\"\")=>(e&&(e=`self.${f}!=1&&${e}`),a.createElement(\"script\",{suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:(n?\"\":`self.${f}=self.${f}||${w};self.${y}=${I};`)+e},nonce:r})),h=a.createContext({preferNative:!0,hasProvider:!1}),Y=({preferNative:n=!0,nonce:r,children:e})=>{let t=a.useMemo(()=>({preferNative:n,hasProvider:!0}),[n]);return a.createElement(h.Provider,{value:t},g(!1,r),e)},P=a.forwardRef(({ratio:n=1,preferNative:r,nonce:e,children:t,as:l,...i},d)=>{let o=R(),s=a.useRef(),c=a.useContext(h),u=r!=null?r:c.preferNative,x=l||\"span\";return a.useImperativeHandle(d,()=>s.current,[]),m(()=>{u&&self[f]===1||s.current&&(self[y]=T)(0,n,s.current)},[t,u,n]),m(()=>{if(!(u&&self[f]===1))return()=>{if(!s.current)return;let b=s.current[S];b&&(b.disconnect(),delete s.current[S])}},[u]),process.env.NODE_ENV===\"development\"&&t&&!Array.isArray(t)&&typeof t==\"object\"&&\"type\"in t&&typeof t.type==\"string\"&&t.type!==\"span\"&&console.warn(`<Balancer> should not wrap <${t.type}> inside. Instead, it should directly wrap text or inline nodes.\n\nTry changing this:\n  <Balancer><${t.type}>content</${t.type}></Balancer>\nTo:\n  <${t.type}><Balancer>content</Balancer></${t.type}>`),a.createElement(a.Fragment,null,a.createElement(x,{...i,\"data-br\":o,\"data-brr\":n,ref:s,style:{display:\"inline-block\",verticalAlign:\"top\",textDecoration:\"inherit\",textWrap:u?\"balance\":\"initial\"},suppressHydrationWarning:!0},t),g(c.hasProvider,e,`self.${y}(\"${o}\",${n})`))});if(!E&&process.env.NODE_ENV!==\"production\"){let n=document.querySelector(\"[data-next-hide-fouc]\");if(n){let r=t=>{for(let l of t)for(let i of Array.from(l.removedNodes)){if(i!==n)continue;e.disconnect();let d=document.querySelectorAll(\"[data-br]\");for(let o of Array.from(d))self[y](0,+o.dataset.brr,o)}},e=new MutationObserver(r);e.observe(document.head,{childList:!0})}}var A=P;export{P as Balancer,Y as Provider,A as default};\n//# sourceMappingURL=index.mjs.map"],"names":["E","m","p","B","_","v","O","n","r","R","y","S","T","t","d","o","s","c","I","w","g","a","h","P","x","b","A"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es26.js

@@ -1,37 +1,37 @@
 import { j as s } from "./index.es180.js";
-import { clsx as c } from "./index.es182.js";
+import { clsx as n } from "./index.es182.js";
 import { ArrowLink as y } from "./index.es35.js";
 import './components/ui/CardCategory/CardCategory.css';/* empty css            */
 import { ExternalLink as N } from "./index.es114.js";
-import { Col as v } from "./index.es10.js";
-import { Row as C } from "./index.es9.js";
+import { Col as C } from "./index.es10.js";
+import { Row as k } from "./index.es9.js";
 const q = ({
   image: r,
-  title: a,
-  titleTag: d = "h3",
-  href: n,
+  title: d,
+  titleTag: a = "h3",
+  href: c,
   description: i,
   description2: p,
   isExternal: t = !1,
   showIcon: x = !1,
   goToLabel: e,
-  asLink: h = "a",
-  asImage: f = "img",
-  className: u,
+  asLink: f = "a",
+  asImage: u = "img",
+  className: h,
   classNameTitle: o,
   classNameDescription: j,
   handleOnClick: l
 }) => {
-  const m = f, w = h;
+  const m = u, w = f;
   return /* @__PURE__ */ s.jsxs(
     w,
     {
-      className: c(
+      className: n(
         "ui-card-category shadow br-x4 bg-white",
-        u,
+        h,
         l && "cursor-pointer"
       ),
-      href: n,
+      href: c,
       target: t ? "_blank" : void 0,
       rel: t ? "noreferrer noopener" : void 0,
       onClick: l ?? void 0,
@@ -45,23 +45,23 @@ const q = ({
           }
         ) }),
         /* @__PURE__ */ s.jsxs(
-          v,
+          C,
           {
-            className: c(
+            className: n(
               r != null && r.src ? "ui-card-category-content-with-image ui-mt-negative" : "ui-card-category-content",
               "gap-x8 br-x4 bg-white"
             ),
             children: [
-              /* @__PURE__ */ s.jsxs(C, { alignItems: "center", justifyContent: "space-between", gap: "x4", children: [
+              /* @__PURE__ */ s.jsxs(k, { alignItems: "center", justifyContent: "space-between", gap: "x4", children: [
                 /* @__PURE__ */ s.jsxs(
-                  d,
+                  a,
                   {
-                    className: c(
+                    className: n(
                       "flex-1 cursor-pointer hover-underline",
                       o || "text-primary fs-5 md-fs-custom-2"
                     ),
                     children: [
-                      a,
+                      d,
                       t && /* @__PURE__ */ s.jsx("span", { className: "visually-hidden", children: "(si apre in una nuova finestra)" })
                     ]
                   }
@@ -76,14 +76,14 @@ const q = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ s.jsxs("div", { className: c(j), children: [
+              /* @__PURE__ */ s.jsxs("div", { className: n(j), children: [
                 /* @__PURE__ */ s.jsx("p", { className: "fs-6 md-fs-custom fw-regular text-slate-28", children: i }),
                 /* @__PURE__ */ s.jsx("p", { className: "fs-6 md-fs-custom fw-regular text-slate-28", children: p })
               ] })
             ]
           }
         ),
-        e && n && /* @__PURE__ */ s.jsx("footer", { className: "ui-card-category-footer bg-white", children: /* @__PURE__ */ s.jsx(y, { href: n ?? "#", isExternal: t, children: e == null ? void 0 : e.toUpperCase() }) })
+        e && c && /* @__PURE__ */ s.jsx("footer", { className: "ui-card-category-footer bg-white", children: /* @__PURE__ */ s.jsx(y, { href: c ?? "#", isExternal: t, children: e == null ? void 0 : e.toUpperCase() }) })
       ]
     }
   );

package/dist/index.es27.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es180.js";
 import './components/ui/CardMapStructure/CardMap.css';/* empty css            */
-import { useState as v, useRef as w, useEffect as g } from "react";
+import { useState as w, useRef as v, useEffect as g } from "react";
 import { Col as o } from "./index.es10.js";
 const E = ({
   id: c,
@@ -15,7 +15,7 @@ const E = ({
   setSelectedCard: x = () => {
   }
 }) => {
-  const h = u, [t, a] = v(!1), r = w(null);
+  const h = u, [t, a] = w(!1), r = v(null);
   return g(() => {
     const n = (j) => {
       r.current && !r.current.contains(j.target) && a(!1);

package/dist/index.es296.js

@@ -1,33 +1,33 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es329.js";
-import { useComposedRefs as A } from "./index.es328.js";
-import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es230.js";
-import { composeEventHandlers as F } from "./index.es327.js";
-import { createSlottable as G } from "./index.es338.js";
+import { createContextScope as T } from "./index.es326.js";
+import { useComposedRefs as A } from "./index.es325.js";
+import { createDialogScope as v, Trigger as O, Overlay as j, WarningProvider as b, Content as w, Title as M, Description as I, Close as f, Root as L, Portal as $ } from "./index.es230.js";
+import { composeEventHandlers as F } from "./index.es324.js";
+import { createSlottable as G } from "./index.es335.js";
 import { j as i } from "./index.es180.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v
 ]), s = v(), m = (e) => {
   const { __scopeAlertDialog: o, ...r } = e, t = s(o);
-  return /* @__PURE__ */ i.jsx(O, { ...t, ...r, modal: !0 });
+  return /* @__PURE__ */ i.jsx(L, { ...t, ...r, modal: !0 });
 };
 m.displayName = D;
 var Y = "AlertDialogTrigger", q = l.forwardRef(
   (e, o) => {
     const { __scopeAlertDialog: r, ...t } = e, a = s(r);
-    return /* @__PURE__ */ i.jsx($, { ...a, ...t, ref: o });
+    return /* @__PURE__ */ i.jsx(O, { ...a, ...t, ref: o });
   }
 );
 q.displayName = Y;
 var B = "AlertDialogPortal", y = (e) => {
   const { __scopeAlertDialog: o, ...r } = e, t = s(o);
-  return /* @__PURE__ */ i.jsx(j, { ...t, ...r });
+  return /* @__PURE__ */ i.jsx($, { ...t, ...r });
 };
 y.displayName = B;
 var H = "AlertDialogOverlay", _ = l.forwardRef(
   (e, o) => {
     const { __scopeAlertDialog: r, ...t } = e, a = s(r);
-    return /* @__PURE__ */ i.jsx(b, { ...a, ...t, ref: o });
+    return /* @__PURE__ */ i.jsx(j, { ...a, ...t, ref: o });
   }
 );
 _.displayName = H;
@@ -35,13 +35,13 @@ var n = "AlertDialogContent", [V, k] = W(n), z = G("AlertDialogContent"), N = l.
   (e, o) => {
     const { __scopeAlertDialog: r, children: t, ...a } = e, d = s(r), p = l.useRef(null), P = A(o, p), g = l.useRef(null);
     return /* @__PURE__ */ i.jsx(
-      w,
+      b,
       {
         contentName: n,
         titleName: R,
         docsSlug: "alert-dialog",
         children: /* @__PURE__ */ i.jsx(V, { scope: r, cancelRef: g, children: /* @__PURE__ */ i.jsxs(
-          M,
+          w,
           {
             role: "alertdialog",
             ...d,
@@ -67,13 +67,13 @@ N.displayName = n;
 var R = "AlertDialogTitle", x = l.forwardRef(
   (e, o) => {
     const { __scopeAlertDialog: r, ...t } = e, a = s(r);
-    return /* @__PURE__ */ i.jsx(I, { ...a, ...t, ref: o });
+    return /* @__PURE__ */ i.jsx(M, { ...a, ...t, ref: o });
   }
 );
 x.displayName = R;
 var C = "AlertDialogDescription", E = l.forwardRef((e, o) => {
   const { __scopeAlertDialog: r, ...t } = e, a = s(r);
-  return /* @__PURE__ */ i.jsx(L, { ...a, ...t, ref: o });
+  return /* @__PURE__ */ i.jsx(I, { ...a, ...t, ref: o });
 });
 E.displayName = C;
 var J = "AlertDialogAction", K = l.forwardRef(

package/dist/index.es30.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es180.js";
-import { clsx as d } from "./index.es182.js";
+import { clsx as l } from "./index.es182.js";
 import './components/ui/CardDocument/CardDocument.css';/* empty css            */
 import { Divider as g } from "./index.es202.js";
 import { useIsDesktop as k } from "./index.es223.js";
@@ -25,11 +25,11 @@ const G = ({
   eventLabel: b = "Evento n.",
   asLink: y = "a"
 }) => {
-  const N = y, v = k(), l = () => i ? /* @__PURE__ */ e.jsxs(
+  const N = y, v = k(), d = () => i ? /* @__PURE__ */ e.jsxs(
     s,
     {
       alignItems: "center",
-      className: d(
+      className: l(
         !r && "cursor-pointer",
         "text-decoration-none text-primary",
         "ui-document-download-row"
@@ -45,7 +45,7 @@ const G = ({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: d(
+      className: l(
         "ui-card-document shadow br-x4 fw-semibold text-slate-28 fs-7"
       ),
       children: [
@@ -91,7 +91,7 @@ const G = ({
               justifyContent: "space-between",
               alignItems: "center",
               children: [
-                l(),
+                d(),
                 a && /* @__PURE__ */ e.jsx(
                   x,
                   {
@@ -106,7 +106,7 @@ const G = ({
               ]
             }
           ) : /* @__PURE__ */ e.jsxs(m, { as: "footer", gap: "x16", children: [
-            l(),
+            d(),
             /* @__PURE__ */ e.jsx(g, { bg: "border-divider" }),
             /* @__PURE__ */ e.jsx(
               x,

package/dist/index.es309.js

@@ -7,9 +7,9 @@ import { getResponsiveClassNames as i } from "./index.es397.js";
 import { getSubtree as C } from "./index.es398.js";
 import { mergeStyles as R } from "./index.es399.js";
 import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es400.js";
-const D = e.forwardRef((p, u) => {
-  const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
-  return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));
+const D = e.forwardRef((u, d) => {
+  const { rest: p, ...f } = E(u), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...g } = p;
+  return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (v) => e.createElement(e.Fragment, null, e.createElement($, { ...g, ref: d, className: "rt-ScrollAreaViewport" }, v), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));
 });
 D.displayName = "ScrollArea";
 export {