@ed.yakovich/component-library 0.0.17 → 0.0.18

package/dist/components/Accordion/index.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as B } from "../../index-CIJ0X8ia.js";
+import { c as B } from "../../index-C9Rf5U9q.js";
 import { useAccordionContext as F } from "./context/index.js";
 const $ = (n) => {
   const { children: a, isHidden: d, componentId: i = "", label: c = "", description: r = "", labelSecondary: s = "", onClick: t, tone: p = "", collapsed: b } = n, l = F(), C = l == null ? void 0 : l.isHidden, V = (l == null ? void 0 : l.label) || "", m = (l == null ? void 0 : l.description) || "", S = (l == null ? void 0 : l.labelSecondary) || "", k = (l == null ? void 0 : l.onClick) || "", u = (l == null ? void 0 : l.tone) || "", y = l == null ? void 0 : l.collapsed, H = () => ({

package/dist/components/Cart/index.js

@@ -1,34 +1,35 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { P as d } from "../../index-CIJ0X8ia.js";
-const o = (l) => {
-  const { backUrl: r, nextUrl: t } = l;
-  return /* @__PURE__ */ e("nav", { "data-component-id": "Cart", className: "mt-4 border-t-3 border-blue-500 border-solid @container/cart", children: /* @__PURE__ */ e("div", { className: "w-full flex justify-center @lg/cart:justify-end", children: /* @__PURE__ */ s("div", { className: "flex justify-center", children: [
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { c as s } from "../../link-DO_Jvm9n.js";
+import { P as d } from "../../index-C9Rf5U9q.js";
+const o = s(d), b = (i) => {
+  const { backUrl: r, nextUrl: t } = i;
+  return /* @__PURE__ */ e("nav", { "data-component-id": "Cart", className: "mt-4 border-t-3 border-blue-500 border-solid @container/cart", children: /* @__PURE__ */ e("div", { className: "w-full flex justify-center @lg/cart:justify-end", children: /* @__PURE__ */ n("div", { className: "flex justify-center", children: [
     /* @__PURE__ */ e("div", { className: "px-12 py-3 @lg/cart:border-l-3 border-blue-500 border-solid", children: /* @__PURE__ */ e(
-      d,
+      o,
       {
         size: "xs",
         display: "menu",
         tone: "info",
         type: "button",
         disabled: !r,
-        href: r,
+        to: r,
         children: /* @__PURE__ */ e("strong", { children: "Back" })
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "px-12 py-3 border-l-3 border-blue-500 border-solid", children: /* @__PURE__ */ e(
-      d,
+      o,
       {
         size: "xs",
         display: "menu",
         tone: "info",
         type: "button",
         disabled: !t,
-        href: t,
+        to: t,
         children: /* @__PURE__ */ e("strong", { children: "Next" })
       }
     ) })
   ] }) }) });
 };
 export {
-  o as Cart
+  b as Cart
 };

package/dist/components/EquipmentSummary/index.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { c as P, b as S, a as j, d as E } from "../../index-CIJ0X8ia.js";
+import { c as P, b as S, a as j, d as E } from "../../index-C9Rf5U9q.js";
 import { useEquipmentSummaryContext as $ } from "./context/index.js";
 const I = (m) => {
   const {

package/dist/components/HeroBanner/index.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as a } from "react/jsx-runtime";
-import { a as c } from "../../index-CIJ0X8ia.js";
+import { a as c } from "../../index-C9Rf5U9q.js";
 import { useHeroBannerContext as j } from "./context/index.js";
 const z = (h) => {
   const { isHidden: m, componentId: g = "", icon: p = "", heading: x = "", description: b = "", listData: u = [] } = h, e = j(), V = e == null ? void 0 : e.isHidden, f = (e == null ? void 0 : e.icon) || "", H = (e == null ? void 0 : e.heading) || "", C = (e == null ? void 0 : e.description) || "", r = (e == null ? void 0 : e.listData) || [], N = () => ({

package/dist/components/InfoBanner/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as V } from "react/jsx-runtime";
-import { a as u } from "../../index-CIJ0X8ia.js";
+import { a as u } from "../../index-C9Rf5U9q.js";
 import { useInfoBannerContext as N } from "./context/index.js";
 const I = (t) => {
   const { isHidden: a, componentId: d = "", heading: r = "", description: c = "", icon: l = "" } = t, n = N(), m = n == null ? void 0 : n.isHidden, h = (n == null ? void 0 : n.icon) || "", p = (n == null ? void 0 : n.heading) || "", g = (n == null ? void 0 : n.description) || "", f = () => ({

package/dist/components/Nav/index.js

@@ -1,19 +1,23 @@
 import { jsx as e } from "react/jsx-runtime";
-import { P as o } from "../../index-CIJ0X8ia.js";
-const d = (r) => {
-  const { pages: t } = r;
-  return /* @__PURE__ */ e("nav", { "data-component-id": "Nav", className: "p-6", children: /* @__PURE__ */ e("div", { className: "flex justify-center gap-4", children: t.map(({ name: n, url: i }, s) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-    o,
+import { c as i } from "../../link-DO_Jvm9n.js";
+import { P as a } from "../../index-C9Rf5U9q.js";
+const c = i(a), p = (r) => {
+  const { pages: o } = r;
+  return /* @__PURE__ */ e("nav", { "data-component-id": "Nav", className: "p-6", children: /* @__PURE__ */ e("div", { className: "flex justify-center gap-4", children: o.map(({ name: t, url: n }, s) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+    c,
     {
       size: "xs",
       display: "menu",
       tone: "info",
       type: "button",
-      href: i,
-      children: /* @__PURE__ */ e("strong", { children: n })
+      to: n,
+      activeProps: {
+        className: "font-bold text-blue-500 border-blue-500 border-b-2"
+      },
+      children: /* @__PURE__ */ e("strong", { children: t })
     }
-  ) }, `${n}-${s}`)) }) });
+  ) }, `${t}-${s}`)) }) });
 };
 export {
-  d as Nav
+  p as Nav
 };

package/dist/components/OfferCards/index.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { a as N, b as $ } from "../../index-CIJ0X8ia.js";
+import { a as N, b as $ } from "../../index-C9Rf5U9q.js";
 import b from "./subComponents/OfferCard.js";
 import { useOfferCardsContext as j } from "./context/index.js";
 const z = (o) => {

package/dist/components/OfferCards/subComponents/OfferCard.js

@@ -1,46 +1,47 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { b as N, a as h, P as v } from "../../../index-CIJ0X8ia.js";
-const P = (f) => {
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { P as N, b as v, a as h } from "../../../index-C9Rf5U9q.js";
+import { c as P } from "../../../link-DO_Jvm9n.js";
+const k = P(N), w = (f) => {
   const {
     isLoading: p = !1,
     id: s = "",
     icon: n = "",
-    heading: a = "",
-    description: i = "",
+    heading: i = "",
+    description: a = "",
     iconList: r = [],
-    price: d = "",
-    buttonLabel: o = "",
+    price: o = "",
+    buttonLabel: d = "",
     buttonHref: c = "",
     buttonDisabled: x,
-    perMonth: b = !1,
-    handleOfferCardAction: u = () => {
+    perMonth: u = !1,
+    handleOfferCardAction: b = () => {
     }
   } = f;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-component-id": `OfferCard--${s}`,
       className: "border-3 border-blue-500 border-solid rounded-lg flex flex-col bg-white h-full text-center relative",
       children: [
-        p && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(N, { display: "inline", type: "spinner" }) }),
-        /* @__PURE__ */ l("div", { className: "grow p-4", children: [
+        p && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(v, { display: "inline", type: "spinner" }) }),
+        /* @__PURE__ */ t("div", { className: "grow p-4", children: [
           n && /* @__PURE__ */ e(h, { name: n, tone: "info", theme: "outline", size: "md" }),
-          a && /* @__PURE__ */ e("h3", { className: "text-lg", children: /* @__PURE__ */ e("strong", { children: a }) }),
-          i && /* @__PURE__ */ e("p", { className: "text-xs", children: i }),
-          d && /* @__PURE__ */ l("p", { className: "mt-2", children: [
-            /* @__PURE__ */ e("span", { className: "text-5xl", children: /* @__PURE__ */ l("strong", { children: [
+          i && /* @__PURE__ */ e("h3", { className: "text-lg", children: /* @__PURE__ */ e("strong", { children: i }) }),
+          a && /* @__PURE__ */ e("p", { className: "text-xs", children: a }),
+          o && /* @__PURE__ */ t("p", { className: "mt-2", children: [
+            /* @__PURE__ */ e("span", { className: "text-5xl", children: /* @__PURE__ */ t("strong", { children: [
               "$",
-              Math.floor(d)
+              Math.floor(o)
             ] }) }),
-            b && /* @__PURE__ */ e("span", { className: "text-lg", children: "/mo" })
+            u && /* @__PURE__ */ e("span", { className: "text-lg", children: "/mo" })
           ] }),
-          r.length > 0 && /* @__PURE__ */ e("ul", { className: "mt-4 list-disc text-left", children: r.map(({ icon: t, description: m }, g) => /* @__PURE__ */ l("li", { className: "flex gap-2", children: [
-            t && /* @__PURE__ */ e(h, { name: t, tone: "info", theme: "outline", size: "xs" }),
+          r.length > 0 && /* @__PURE__ */ e("ul", { className: "mt-4 list-disc text-left", children: r.map(({ icon: l, description: m }, g) => /* @__PURE__ */ t("li", { className: "flex gap-2", children: [
+            l && /* @__PURE__ */ e(h, { name: l, tone: "info", theme: "outline", size: "xs" }),
             m && /* @__PURE__ */ e("p", { className: "text-xs", children: m })
-          ] }, `${t}-${g}`)) })
+          ] }, `${l}-${g}`)) })
         ] }),
-        o && /* @__PURE__ */ e("div", { className: "mt-8 bg-blue-500 p-2", children: /* @__PURE__ */ e(
-          v,
+        d && /* @__PURE__ */ e("div", { className: "mt-8 bg-blue-500 p-2", children: /* @__PURE__ */ e(
+          k,
           {
             size: "xs",
             display: "link",
@@ -48,8 +49,8 @@ const P = (f) => {
             type: "button",
             className: "text-white",
             disabled: x,
-            ...c ? { href: c } : { onClick: () => u(s) },
-            children: o
+            ...c ? { to: c } : { onClick: () => b(s) },
+            children: d
           }
         ) })
       ]
@@ -57,5 +58,5 @@ const P = (f) => {
   );
 };
 export {
-  P as default
+  w as default
 };

package/dist/components/SaleBanner/index.js

@@ -1,21 +1,22 @@
 import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { P as B } from "../../index-CIJ0X8ia.js";
-import { useSaleBannerContext as S } from "./context/index.js";
-const F = (o) => {
-  const { isHidden: m, componentId: h = "", heading: x = "", description: p = "", disclaimer: b = "", normalPrice: g = 0, salePrice: u = 0, linkText: V = "", linkUrl: N = "" } = o, e = S(), P = e == null ? void 0 : e.isHidden, k = (e == null ? void 0 : e.heading) || "", f = (e == null ? void 0 : e.description) || "", v = (e == null ? void 0 : e.disclaimer) || "", C = (e == null ? void 0 : e.normalPrice) || "", w = (e == null ? void 0 : e.salePrice) || "", H = (e == null ? void 0 : e.linkText) || "", T = (e == null ? void 0 : e.linkUrl) || "", U = () => ({
+import { P as y } from "../../index-C9Rf5U9q.js";
+import { c as S } from "../../link-DO_Jvm9n.js";
+import { useSaleBannerContext as $ } from "./context/index.js";
+const j = S(y), q = (c) => {
+  const { isHidden: m, componentId: x = "", heading: h = "", description: p = "", disclaimer: b = "", normalPrice: u = 0, salePrice: g = 0, linkText: V = "", linkUrl: N = "" } = c, e = $(), P = e == null ? void 0 : e.isHidden, k = (e == null ? void 0 : e.heading) || "", f = (e == null ? void 0 : e.description) || "", v = (e == null ? void 0 : e.disclaimer) || "", C = (e == null ? void 0 : e.normalPrice) || "", w = (e == null ? void 0 : e.salePrice) || "", B = (e == null ? void 0 : e.linkText) || "", H = (e == null ? void 0 : e.linkUrl) || "", T = () => ({
     isHiddenVal: P || m,
-    headingVal: k || x,
+    headingVal: k || h,
     descriptionVal: f || p,
     disclaimerVal: v || b,
-    normalPriceVal: C || g,
-    salePriceVal: w || u,
-    linkTextVal: H || V,
-    linkUrlVal: T || N
-  }), { isHiddenVal: y, headingVal: a, descriptionVal: i, disclaimerVal: r, normalPriceVal: s, salePriceVal: d, linkTextVal: t, linkUrlVal: c } = U();
-  return y ? null : /* @__PURE__ */ l(
+    normalPriceVal: C || u,
+    salePriceVal: w || g,
+    linkTextVal: B || V,
+    linkUrlVal: H || N
+  }), { isHiddenVal: U, headingVal: a, descriptionVal: i, disclaimerVal: r, normalPriceVal: s, salePriceVal: d, linkTextVal: t, linkUrlVal: o } = T();
+  return U ? null : /* @__PURE__ */ l(
     "div",
     {
-      "data-component-id": `SaleBanner--${h}`,
+      "data-component-id": `SaleBanner--${x}`,
       className: "relative border-3 border-blue-500 border-solid rounded-lg p-8 @container/salebanner",
       children: /* @__PURE__ */ n("div", { className: "space-y-6", children: [
         /* @__PURE__ */ n("div", { className: "space-y-2 @lg/salebanner:w-[50%] @xl/salebanner:w-[60%] @2xl/salebanner:w-[70%]", children: [
@@ -36,15 +37,15 @@ const F = (o) => {
             /* @__PURE__ */ l("span", { className: "text-xl", children: /* @__PURE__ */ l("strong", { children: "/mo" }) })
           ] })
         ] }) }),
-        t && c && /* @__PURE__ */ l("div", { className: "text-center bg-blue-500 rounded-full w-[200px] mx-auto px-2", children: /* @__PURE__ */ l(
-          B,
+        t && o && /* @__PURE__ */ l("div", { className: "text-center bg-blue-500 rounded-full w-[200px] mx-auto px-2", children: /* @__PURE__ */ l(
+          j,
           {
             size: "xs",
             display: "fill",
             tone: "info",
             type: "button",
             className: "text-white font-bold",
-            href: c,
+            to: o,
             children: t
           }
         ) }),
@@ -54,5 +55,5 @@ const F = (o) => {
   );
 };
 export {
-  F as SaleBanner
+  q as SaleBanner
 };