@anoki/fse-ui 1.0.353 → 1.0.354

package/dist/index.es55.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
 import { Avatar as f } from "./index.es56.js";
-import { Divider as t } from "./index.es151.js";
+import { Divider as t } from "./index.es155.js";
 import { Button as C } from "./index.es25.js";
 import './components/ui/CardDoctor/CardDoctor.css';/* empty css            */
 import { Row as p } from "./index.es9.js";

package/dist/index.es56.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es139.js";
-import { createColorClasses as l } from "./index.es143.js";
-import { clsx as x } from "./index.es140.js";
+import { createColorClasses as l } from "./index.es147.js";
+import { clsx as x } from "./index.es141.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es58.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es139.js";
-import { clsx as d } from "./index.es140.js";
+import { clsx as d } from "./index.es141.js";
 import './components/ui/RadioCard/RadioCard.css';/* empty css            */
 import { Col as m } from "./index.es10.js";
 const n = ({

package/dist/index.es59.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es139.js";
-import { clsx as u } from "./index.es140.js";
+import { clsx as u } from "./index.es141.js";
 import C, { useMemo as N } from "react";
 import { InfoPopup as R } from "./index.es66.js";
-import "./index.es217.js";
+import "./index.es221.js";
 import { Favourite as j } from "./index.es102.js";
 import { Row as n } from "./index.es9.js";
 const v = ({

package/dist/index.es6.js

@@ -1,7 +1,7 @@
 import { j as p } from "./index.es139.js";
-import { clsx as l } from "./index.es140.js";
+import { clsx as l } from "./index.es141.js";
 import { useMemo as u } from "react";
-import { createSpacingClasses as x } from "./index.es141.js";
+import { createSpacingClasses as x } from "./index.es145.js";
 import './components/ui/Container/Container.css';/* empty css            */
 const v = ({
   as: o,

package/dist/index.es60.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es139.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as r } from "./index.es140.js";
+import { clsx as r } from "./index.es141.js";
 import { MoreActions as d } from "./index.es105.js";
 import { Row as e } from "./index.es9.js";
 const N = ({

package/dist/index.es61.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es139.js";
-import { Root as h, Indicator as m } from "./index.es168.js";
+import { Root as h, Indicator as m } from "./index.es172.js";
 import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
-import p from "./index.es208.js";
-import { clsx as d } from "./index.es140.js";
+import p from "./index.es212.js";
+import { clsx as d } from "./index.es141.js";
 import { Row as n } from "./index.es9.js";
 const C = ({
   id: r,

package/dist/index.es63.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es139.js";
 import './components/ui/CardExemption/CardExemption.css';/* empty css            */
-import { clsx as t } from "./index.es140.js";
+import { clsx as t } from "./index.es141.js";
 import { Row as n } from "./index.es9.js";
 import { ArrowDown as x } from "./index.es77.js";
 const w = ({

package/dist/index.es65.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es139.js";
 import * as _ from "react";
-import { clsx as c } from "./index.es140.js";
+import { clsx as c } from "./index.es141.js";
 import './components/ui/Table/Table.css';/* empty css            */
 import { ActionIconText as q } from "./index.es59.js";
 import { TriangleUp as G } from "./index.es114.js";
@@ -13,35 +13,35 @@ const X = _.forwardRef(
     columns: t,
     data: s,
     pagination: i,
-    initialCurrentPage: f = 1,
+    initialCurrentPage: j = 1,
     resultsPerPage: m = 10,
-    defaultSortDirection: n = "desc",
+    defaultSortDirection: l = "desc",
     ...p
   }, g) => {
-    const [d, u] = _.useState({
+    const [d, h] = _.useState({
       key: t[0].key || t[0].label,
-      direction: n
-    }), [k, $] = _.useState(f), N = _.useMemo(() => [...s].sort((o, x) => {
-      const r = o[d.key], l = x[d.key], b = t.find(
-        (j) => (j.key || j.label) === d.key
+      direction: l
+    }), [k, $] = _.useState(j), N = _.useMemo(() => [...s].sort((o, x) => {
+      const r = o[d.key], n = x[d.key], b = t.find(
+        (f) => (f.key || f.label) === d.key
       );
-      if (typeof r == "string" && typeof l == "string") {
+      if (typeof r == "string" && typeof n == "string") {
         if ((b == null ? void 0 : b.type) === "date") {
-          const j = (M) => {
+          const f = (M) => {
             const [F, H] = M.split(" - "), [V, z, E] = F.split("/").map(Number), [O, U] = H.split(":").map(Number);
             return new Date(E, z - 1, V, O, U);
-          }, h = j(r), v = j(l);
-          return d.direction === "asc" ? h.getTime() - v.getTime() : v.getTime() - h.getTime();
+          }, u = f(r), C = f(n);
+          return d.direction === "asc" ? u.getTime() - C.getTime() : C.getTime() - u.getTime();
         }
         if ((b == null ? void 0 : b.type) === "number") {
-          const j = parseFloat(r), h = parseFloat(l);
-          return d.direction === "asc" ? j - h : h - j;
+          const f = parseFloat(r), u = parseFloat(n);
+          return d.direction === "asc" ? f - u : u - f;
         }
-        return d.direction === "asc" ? r.localeCompare(l) : l.localeCompare(r);
+        return d.direction === "asc" ? r.localeCompare(n) : n.localeCompare(r);
       }
-      return y(r) && y(l) ? d.direction === "asc" ? r.firstLine.localeCompare(l.firstLine) : l.firstLine.localeCompare(r.firstLine) : 0;
+      return y(r) && y(n) ? d.direction === "asc" ? r.firstLine.localeCompare(n.firstLine) : n.firstLine.localeCompare(r.firstLine) : 0;
     }), [s, d, t]), S = (o) => {
-      u((x) => ({
+      h((x) => ({
         key: o,
         direction: x.key === o && x.direction === "asc" ? "desc" : "asc"
       }));
@@ -55,7 +55,7 @@ const X = _.forwardRef(
           role: "table",
           ...p,
           children: [
-            /* @__PURE__ */ a.jsx(C, { className: "table__header", children: /* @__PURE__ */ a.jsx(w, { children: t.map((o, x) => /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(v, { className: "table__header", children: /* @__PURE__ */ a.jsx(w, { children: t.map((o, x) => /* @__PURE__ */ a.jsx(
               R,
               {
                 config: o,
@@ -64,21 +64,21 @@ const X = _.forwardRef(
               },
               `${o.label}-${x}`
             )) }) }),
-            /* @__PURE__ */ a.jsx(D, { className: "table__body", children: I.map((o, x) => /* @__PURE__ */ a.jsx(w, { className: "table__row", children: Object.entries(o).map(([r, l], b) => l ? r === "actionData" && A(l) ? /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(D, { className: "table__body", children: I.map((o, x) => /* @__PURE__ */ a.jsx(w, { className: "table__row", children: Object.entries(o).map(([r, n], b) => n ? r === "actionData" && A(n) ? /* @__PURE__ */ a.jsx(
               T,
               {
-                content: l,
+                content: n,
                 type: "action"
               },
               `${r}-${b}`
-            ) : y(l) ? /* @__PURE__ */ a.jsx(
+            ) : y(n) ? /* @__PURE__ */ a.jsx(
               T,
               {
-                content: l,
+                content: n,
                 type: "double-line"
               },
               `${r}-${b}`
-            ) : typeof l == "string" ? /* @__PURE__ */ a.jsx(T, { content: l }, `${r}-${b}`) : null : null) }, x)) })
+            ) : typeof n == "string" ? /* @__PURE__ */ a.jsx(T, { content: n }, `${r}-${b}`) : null : null) }, x)) })
           ]
         }
       ),
@@ -95,7 +95,7 @@ const X = _.forwardRef(
   }
 );
 X.displayName = "Table";
-const C = _.forwardRef(
+const v = _.forwardRef(
   ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
     "thead",
     {
@@ -106,7 +106,7 @@ const C = _.forwardRef(
     }
   )
 );
-C.displayName = "TableHeader";
+v.displayName = "TableHeader";
 const D = _.forwardRef(
   ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
     "tbody",
@@ -134,15 +134,15 @@ const w = _.forwardRef(
   )
 );
 w.displayName = "TableRow";
-const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...f }, m) => {
-  const n = s.key === (t.key || t.label), p = n ? s.direction : null, g = () => p === "asc" ? "ascending" : "descending", d = (u) => {
-    switch (u) {
+const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...j }, m) => {
+  const l = s.key === (t.key || t.label), p = l ? s.direction : null, g = () => p === "asc" ? "ascending" : "descending", d = (h) => {
+    switch (h) {
       case "info":
         return /* @__PURE__ */ a.jsx(W, {});
       case "download":
         return /* @__PURE__ */ a.jsx(Q, {});
       default:
-        return u;
+        return h;
     }
   };
   return /* @__PURE__ */ a.jsx(
@@ -159,8 +159,8 @@ const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...
       ),
       onClick: t.sortable ? i : t.action,
       "aria-label": t.ariaLabel,
-      "aria-sort": n ? g() : void 0,
-      ...f,
+      "aria-sort": l ? g() : void 0,
+      ...j,
       children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
         /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
           q,
@@ -178,18 +178,18 @@ const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...
           /* @__PURE__ */ a.jsx(
             G,
             {
-              filled: n && p === "desc",
+              filled: l && p === "desc",
               className: c("sort-indicator__triangle", {
-                active: n && p === "desc"
+                active: l && p === "desc"
               })
             }
           ),
           /* @__PURE__ */ a.jsx(
             J,
             {
-              filled: n && p === "asc",
+              filled: l && p === "asc",
               className: c("sort-indicator__triangle", {
-                active: n && p === "asc"
+                active: l && p === "asc"
               })
             }
           )
@@ -205,10 +205,10 @@ const Y = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
 ] }), Z = ({ data: e }) => e.type === "link" && e.link ? /* @__PURE__ */ a.jsx("a", { href: e.link, "aria-label": e.ariaLabel, children: e.label }) : /* @__PURE__ */ a.jsx("button", { onClick: e.action, "aria-label": e.ariaLabel, children: e.label }), y = (e) => typeof e == "object" && e !== null && "firstLine" in e && "secondLine" in e, A = (e) => typeof e == "object" && e !== null && "label" in e && "type" in e, K = ({
   content: e
 }) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : y(e) ? /* @__PURE__ */ a.jsx(Y, { data: e }) : A(e) ? /* @__PURE__ */ a.jsx(Z, { data: e }) : null, T = _.forwardRef(
-  ({ className: e, content: t, type: s, ...i }, f) => /* @__PURE__ */ a.jsx(
+  ({ className: e, content: t, type: s, ...i }, j) => /* @__PURE__ */ a.jsx(
     "td",
     {
-      ref: f,
+      ref: j,
       className: c(
         "table__cell",
         {
@@ -228,10 +228,10 @@ const P = ({
   totalResults: t,
   resultsPerPage: s,
   setCurrentPage: i,
-  className: f
+  className: j
 }) => {
   const m = Math.ceil(t / s);
-  return /* @__PURE__ */ a.jsxs("div", { className: c("pagination", f), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: c("pagination", j), children: [
     /* @__PURE__ */ a.jsxs("div", { className: "pagination__info", children: [
       "Stai visualizzando",
       " ",
@@ -255,17 +255,17 @@ const P = ({
           children: /* @__PURE__ */ a.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ a.jsx("path", { d: "M15 18l-6-6 6-6" }) })
         }
       ),
-      Array.from({ length: m }, (n, p) => p + 1).map((n) => /* @__PURE__ */ a.jsx(
+      Array.from({ length: m }, (l, p) => p + 1).map((l) => /* @__PURE__ */ a.jsx(
         "button",
         {
           className: c(
             "pagination__button",
-            e === n && "pagination__button--active"
+            e === l && "pagination__button--active"
           ),
-          onClick: () => i(n),
-          children: n
+          onClick: () => i(l),
+          children: l
         },
-        n
+        l
       )),
       /* @__PURE__ */ a.jsx(
         "button",
@@ -289,7 +289,7 @@ export {
   D as TableBody,
   T as TableCell,
   R as TableHead,
-  C as TableHeader,
+  v as TableHeader,
   w as TableRow
 };
 //# sourceMappingURL=index.es65.js.map

package/dist/index.es66.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
 import { useRef as c, useEffect as f } from "react";
-import { clsx as l } from "./index.es140.js";
+import { clsx as l } from "./index.es141.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
 import { Close as p } from "./index.es80.js";
 const E = ({

package/dist/index.es68.js

@@ -1,33 +1,33 @@
 import { j as i } from "./index.es139.js";
-import n from "./index.es120.js";
+import o from "./index.es120.js";
 import "./index.es3.js";
 import './components/ui/DatePicker/DatePicker.css';/* empty css            */
-import { clsx as D } from "./index.es140.js";
-import { useRef as h, useEffect as j } from "react";
+import { clsx as h } from "./index.es141.js";
+import { useRef as v, useEffect as j } from "react";
 const F = ({
-  label: s,
+  label: d,
   value: m,
   maxValue: c,
   minValue: l,
-  className: f,
-  disabled: d,
+  className: p,
+  disabled: s,
   onClick: a,
   onChange: y,
   error: r,
-  required: p = !1,
+  required: u = !1,
   id: b
 }) => {
-  const t = h(null), e = b || `datepicker-${s.toLowerCase().replace(/\s+/g, "-")}`;
+  const t = v(null), e = b || `datepicker-${d.toLowerCase().replace(/\s+/g, "-")}`;
   j(() => {
     r && t.current ? (t.current.setAttribute("aria-invalid", "true"), t.current.setAttribute("aria-describedby", `${e}-error`)) : t.current && (t.current.setAttribute("aria-invalid", "false"), t.current.removeAttribute("aria-describedby"));
   }, [r, e]);
-  const v = (o) => {
-    o.key === "Enter" && !d && (a == null || a());
-  }, x = m ? n.fromJSDate(m).toFormat("yyyy-MM-dd") : "";
+  const x = (n) => {
+    n.key === "Enter" && !s && (a == null || a());
+  }, D = m ? o.fromJSDate(m).toFormat("yyyy-MM-dd") : "";
   return /* @__PURE__ */ i.jsxs(
     "div",
     {
-      className: D("datepicker-container", f),
+      className: h("datepicker-container", p),
       role: "group",
       "aria-labelledby": `${e}-label`,
       "aria-describedby": r ? `${e}-error` : void 0,
@@ -39,8 +39,8 @@ const F = ({
             htmlFor: e,
             className: "datepicker-label fs-7",
             children: [
-              s,
-              p && /* @__PURE__ */ i.jsx("span", { className: "text-error ml-1", "aria-hidden": "true", children: "*" })
+              d,
+              u && /* @__PURE__ */ i.jsx("span", { className: "text-error ml-1", "aria-hidden": "true", children: "*" })
             ]
           }
         ),
@@ -51,19 +51,19 @@ const F = ({
             id: e,
             type: "date",
             className: "datepicker-input fs-6",
-            disabled: d,
-            value: x,
-            max: c ? n.fromJSDate(c).toFormat("yyyy-MM-dd") : void 0,
-            min: l ? n.fromJSDate(l).toFormat("yyyy-MM-dd") : void 0,
+            disabled: s,
+            value: D,
+            max: c ? o.fromJSDate(c).toFormat("yyyy-MM-dd") : void 0,
+            min: l ? o.fromJSDate(l).toFormat("yyyy-MM-dd") : void 0,
             onClick: () => a == null ? void 0 : a(),
-            onChange: (o) => {
-              const u = new Date(o.target.value);
-              isNaN(u.getTime()) || y(u);
+            onChange: (n) => {
+              const f = new Date(n.target.value);
+              isNaN(f.getTime()) || y(f);
             },
-            onKeyDown: v,
-            "aria-required": p,
-            "aria-disabled": d,
-            "aria-label": s,
+            onKeyDown: x,
+            "aria-required": u,
+            "aria-disabled": s,
+            "aria-label": d,
             "aria-invalid": !!r,
             "aria-describedby": r ? `${e}-error` : void 0
           }

package/dist/index.es69.js

@@ -1,22 +1,22 @@
 import { j as i } from "./index.es139.js";
-import { clsx as h } from "./index.es140.js";
+import { clsx as v } from "./index.es141.js";
 import { useRef as k, useEffect as N } from "react";
-import { DatePicker as x } from "./index.es68.js";
+import { DatePicker as f } from "./index.es68.js";
 import { Row as $ } from "./index.es9.js";
 const E = ({
   label: l,
-  startDateLabel: f = "Start Date",
-  endDateLabel: p = "End Date",
+  startDateLabel: x = "Start Date",
+  endDateLabel: d = "End Date",
   startDate: t,
   endDate: c,
-  className: d,
+  className: p,
   disabled: u = !1,
-  required: o = !1,
+  required: n = !1,
   error: a,
-  onStartDateChange: n,
+  onStartDateChange: o,
   onEndDateChange: m,
   onStartDateClick: b,
-  onEndDateClick: v
+  onEndDateClick: j
 }) => {
   const r = k(null), s = l ? `datepicker-range-${l.toLowerCase().replace(/\s+/g, "-")}` : "datepicker-range";
   N(() => {
@@ -25,48 +25,48 @@ const E = ({
       `${s}-error`
     )) : r.current && (r.current.setAttribute("aria-invalid", "false"), r.current.removeAttribute("aria-describedby"));
   }, [a, s]);
-  const j = (e) => {
-    c && e > c ? (n(e), m(e)) : n(e);
-  }, g = (e) => {
-    t && e < t && n(e), m(e);
+  const g = (e) => {
+    c && e > c ? (o(e), m(e)) : o(e);
+  }, h = (e) => {
+    t && e < t && o(e), m(e);
   };
   return /* @__PURE__ */ i.jsxs(
     "div",
     {
       ref: r,
-      className: h("base-col gap-x8", d),
+      className: v("base-col gap-x8", p),
       role: "group",
       "aria-labelledby": l ? `${s}-label` : void 0,
       "aria-describedby": a ? `${s}-error` : void 0,
       children: [
         l && /* @__PURE__ */ i.jsxs("label", { id: `${s}-label`, className: "text-sm text-dark", children: [
           l,
-          o && /* @__PURE__ */ i.jsx("span", { className: "text-error ml-1", "aria-hidden": "true", children: "*" })
+          n && /* @__PURE__ */ i.jsx("span", { className: "text-error ml-1", "aria-hidden": "true", children: "*" })
         ] }),
         /* @__PURE__ */ i.jsxs($, { gap: "x16", role: "group", children: [
           /* @__PURE__ */ i.jsx(
-            x,
+            f,
             {
-              label: f,
+              label: x,
               value: t,
               maxValue: c,
               disabled: u,
-              required: o,
-              onChange: j,
+              required: n,
+              onChange: g,
               onClick: b,
               className: "flex-1"
             }
           ),
           /* @__PURE__ */ i.jsx(
-            x,
+            f,
             {
-              label: p,
+              label: d,
               value: c,
               minValue: t,
               disabled: u,
-              required: o,
-              onChange: g,
-              onClick: v,
+              required: n,
+              onChange: h,
+              onClick: j,
               className: "flex-1"
             }
           )

package/dist/index.es7.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es139.js";
 import { useMemo as i } from "react";
-import { clsx as m } from "./index.es140.js";
-import { createSpacingClasses as c } from "./index.es141.js";
+import { clsx as m } from "./index.es141.js";
+import { createSpacingClasses as c } from "./index.es145.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es70.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es139.js";
-import { clsx as t } from "./index.es140.js";
+import { clsx as t } from "./index.es141.js";
 import { ActionIconText as n } from "./index.es59.js";
 import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
 import { Info as r } from "./index.es116.js";

package/dist/index.es71.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es139.js";
-import { Root as r, Portal as t, Content as c } from "./index.es179.js";
+import { Root as r, Portal as t, Content as c } from "./index.es183.js";
 import './components/ui/InfoModal/InfoModal.css';/* empty css            */
 import { Row as s } from "./index.es9.js";
 import { Actions as d } from "./index.es101.js";

package/dist/index.es73.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
 import { Section as n } from "./index.es46.js";
-import { clsx as d } from "./index.es140.js";
+import { clsx as d } from "./index.es141.js";
 import './sections/AggregationItems/AggregationItems.css';/* empty css            */
 import { CardCategory as y } from "./index.es26.js";
 import { Col as j } from "./index.es10.js";

package/dist/index.es74.js

@@ -1,17 +1,17 @@
 import { j as e } from "./index.es139.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { Section as r } from "./index.es46.js";
+import { Section as o } from "./index.es46.js";
 import { Col as c } from "./index.es10.js";
 import { Button as m } from "./index.es25.js";
-const f = ({
+const j = ({
   title: t,
-  description: i,
-  links: o,
-  asLink: n = "a"
-}) => /* @__PURE__ */ e.jsxs(r, { className: "base-col ui-what-do-you-need-section", children: [
+  description: n,
+  links: r,
+  asLink: a = "a"
+}) => /* @__PURE__ */ e.jsxs(o, { className: "base-col ui-what-do-you-need-section", children: [
   /* @__PURE__ */ e.jsxs(c, { className: "ui-what-do-you-need-content", children: [
-    /* @__PURE__ */ e.jsx(r.Title, { fs: "2", children: t }),
-    i && /* @__PURE__ */ e.jsx(r.Description, { children: i })
+    /* @__PURE__ */ e.jsx(o.Title, { fs: "2", children: t }),
+    n && /* @__PURE__ */ e.jsx(o.Description, { children: n })
   ] }),
   /* @__PURE__ */ e.jsx(
     "ul",
@@ -19,22 +19,22 @@ const f = ({
       role: "list",
       "aria-label": `Lista di ${t}`,
       className: "list-style-none ui-what-do-you-need-links",
-      children: o == null ? void 0 : o.map(({ link: s, title: l, isNewTab: a }, d) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+      children: r == null ? void 0 : r.map(({ link: i, title: d, isNewTab: s }, l) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
         m,
         {
-          asLink: n,
-          href: s,
+          asLink: a,
+          href: i,
           size: "2",
-          variant: d > 0 ? "secondary" : "primary",
-          target: a ? "_blank" : void 0,
-          rel: a ? "noopener noreferrer" : void 0,
-          children: l
+          variant: l > 0 ? "secondary" : "primary",
+          target: s ? "_blank" : void 0,
+          rel: s ? "noopener noreferrer" : void 0,
+          children: d
         }
-      ) }, s))
+      ) }, i))
     }
   )
 ] });
 export {
-  f as WhatDoYouNeed
+  j as WhatDoYouNeed
 };
 //# sourceMappingURL=index.es74.js.map

package/dist/index.es76.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es139.js";
-import { clsx as t } from "./index.es140.js";
-import { createColorClasses as e } from "./index.es143.js";
+import { clsx as t } from "./index.es141.js";
+import { createColorClasses as e } from "./index.es147.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es77.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { clsx as a } from "./index.es140.js";
-import { createColorClasses as i } from "./index.es143.js";
+import { clsx as a } from "./index.es141.js";
+import { createColorClasses as i } from "./index.es147.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es78.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { clsx as l } from "./index.es140.js";
-import { createColorClasses as a } from "./index.es143.js";
+import { clsx as l } from "./index.es141.js";
+import { createColorClasses as a } from "./index.es147.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es79.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { clsx as a } from "./index.es140.js";
-import { createColorClasses as l } from "./index.es143.js";
+import { clsx as a } from "./index.es141.js";
+import { createColorClasses as l } from "./index.es147.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es8.js

@@ -1,7 +1,7 @@
 import { j as g } from "./index.es139.js";
 import { useMemo as s } from "react";
-import { clsx as x } from "./index.es140.js";
-import { createSpacingClasses as f } from "./index.es141.js";
+import { clsx as x } from "./index.es141.js";
+import { createSpacingClasses as f } from "./index.es145.js";
 const v = ({
   as: e,
   className: i,