@ed.yakovich/component-library 0.0.19 → 0.0.21

package/dist/components/Accordion/index.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as B } from "../../index-C9Rf5U9q.js";
+import { c as B } from "../../index-BFRMsLf2.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,30 +1,30 @@
-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 b = (i) => {
-  const r = s(d), { backUrl: t, nextUrl: o } = 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: [
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { c as s } from "../../link-BXMBAsbM.js";
+import { P as n } from "../../index-BFRMsLf2.js";
+const o = typeof window < "u" ? s(n) : n, b = (d) => {
+  const { backUrl: r, nextUrl: t } = d;
+  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__ */ i("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(
-      r,
+      o,
       {
         size: "xs",
         display: "menu",
         tone: "info",
         type: "button",
-        disabled: !t,
-        to: t,
+        disabled: !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(
-      r,
+      o,
       {
         size: "xs",
         display: "menu",
         tone: "info",
         type: "button",
-        disabled: !o,
-        to: o,
+        disabled: !t,
+        to: t,
         children: /* @__PURE__ */ e("strong", { children: "Next" })
       }
     ) })

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-C9Rf5U9q.js";
+import { c as P, b as S, a as j, d as E } from "../../index-BFRMsLf2.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-C9Rf5U9q.js";
+import { a as c } from "../../index-BFRMsLf2.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-C9Rf5U9q.js";
+import { a as u } from "../../index-BFRMsLf2.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,22 +1,22 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as a } from "../../link-DO_Jvm9n.js";
-import { P as c } from "../../index-C9Rf5U9q.js";
-const p = (r) => {
-  const o = a(c), { pages: n } = r;
-  return /* @__PURE__ */ e("nav", { "data-component-id": "Nav", className: "p-6", children: /* @__PURE__ */ e("div", { className: "flex justify-center gap-4", children: n.map(({ name: t, url: s }, i) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-    o,
+import { c as a } from "../../link-BXMBAsbM.js";
+import { P as n } from "../../index-BFRMsLf2.js";
+const d = typeof window < "u" ? a(n) : n, p = (o) => {
+  const { pages: r } = o;
+  return /* @__PURE__ */ e("nav", { "data-component-id": "Nav", className: "p-6", children: /* @__PURE__ */ e("div", { className: "flex justify-center gap-4", children: r.map(({ name: t, url: i }, s) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+    d,
     {
       size: "xs",
       display: "menu",
       tone: "info",
       type: "button",
-      to: s,
+      to: i,
       activeProps: {
         className: "font-bold text-blue-500 border-blue-500 border-b-2"
       },
       children: /* @__PURE__ */ e("strong", { children: t })
     }
-  ) }, `${t}-${i}`)) }) });
+  ) }, `${t}-${s}`)) }) });
 };
 export {
   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-C9Rf5U9q.js";
+import { a as N, b as $ } from "../../index-BFRMsLf2.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,12 +1,12 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { b as v, a as h, P } from "../../../index-C9Rf5U9q.js";
-import { c as k } from "../../../link-DO_Jvm9n.js";
-const w = (f) => {
-  const p = k(P), {
+import { P as h, b as v, a as f } from "../../../index-BFRMsLf2.js";
+import { c as w } from "../../../link-BXMBAsbM.js";
+const y = typeof window < "u" ? w(h) : h, $ = (p) => {
+  const {
     isLoading: x = !1,
-    id: s = "",
-    icon: n = "",
-    heading: i = "",
+    id: l = "",
+    icon: i = "",
+    heading: s = "",
     description: a = "",
     iconList: r = [],
     price: o = "",
@@ -16,17 +16,17 @@ const w = (f) => {
     perMonth: b = !1,
     handleOfferCardAction: g = () => {
     }
-  } = f;
+  } = p;
   return /* @__PURE__ */ t(
     "div",
     {
-      "data-component-id": `OfferCard--${s}`,
+      "data-component-id": `OfferCard--${l}`,
       className: "border-3 border-blue-500 border-solid rounded-lg flex flex-col bg-white h-full text-center relative",
       children: [
         x && /* @__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" }),
-          i && /* @__PURE__ */ e("h3", { className: "text-lg", children: /* @__PURE__ */ e("strong", { children: i }) }),
+          i && /* @__PURE__ */ e(f, { name: i, tone: "info", theme: "outline", size: "md" }),
+          s && /* @__PURE__ */ e("h3", { className: "text-lg", children: /* @__PURE__ */ e("strong", { children: s }) }),
           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: [
@@ -35,13 +35,13 @@ const w = (f) => {
             ] }) }),
             b && /* @__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: l, description: m }, N) => /* @__PURE__ */ t("li", { className: "flex gap-2", children: [
-            l && /* @__PURE__ */ e(h, { name: l, tone: "info", theme: "outline", size: "xs" }),
+          r.length > 0 && /* @__PURE__ */ e("ul", { className: "mt-4 list-disc text-left", children: r.map(({ icon: n, description: m }, N) => /* @__PURE__ */ t("li", { className: "flex gap-2", children: [
+            n && /* @__PURE__ */ e(f, { name: n, tone: "info", theme: "outline", size: "xs" }),
             m && /* @__PURE__ */ e("p", { className: "text-xs", children: m })
-          ] }, `${l}-${N}`)) })
+          ] }, `${n}-${N}`)) })
         ] }),
         d && /* @__PURE__ */ e("div", { className: "mt-8 bg-blue-500 p-2", children: /* @__PURE__ */ e(
-          p,
+          y,
           {
             size: "xs",
             display: "link",
@@ -49,7 +49,7 @@ const w = (f) => {
             type: "button",
             className: "text-white",
             disabled: u,
-            ...c ? { to: c } : { onClick: () => g(s) },
+            ...c ? { to: c } : { onClick: () => g(l) },
             children: d
           }
         ) })
@@ -58,5 +58,5 @@ const w = (f) => {
   );
 };
 export {
-  w as default
+  $ as default
 };

package/dist/components/SaleBanner/index.js

@@ -1,27 +1,27 @@
 import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { P as S } from "../../index-C9Rf5U9q.js";
-import { c as $ } from "../../link-DO_Jvm9n.js";
-import { useSaleBannerContext as j } from "./context/index.js";
-const q = (c) => {
-  const m = $(S), { isHidden: x, componentId: h = "", heading: p = "", description: b = "", disclaimer: u = "", normalPrice: g = 0, salePrice: V = 0, linkText: N = "", linkUrl: P = "" } = c, e = j(), k = e == null ? void 0 : e.isHidden, f = (e == null ? void 0 : e.heading) || "", v = (e == null ? void 0 : e.description) || "", C = (e == null ? void 0 : e.disclaimer) || "", w = (e == null ? void 0 : e.normalPrice) || "", B = (e == null ? void 0 : e.salePrice) || "", H = (e == null ? void 0 : e.linkText) || "", T = (e == null ? void 0 : e.linkUrl) || "", U = () => ({
+import { P as c } from "../../index-BFRMsLf2.js";
+import { c as S } from "../../link-BXMBAsbM.js";
+import { useSaleBannerContext as $ } from "./context/index.js";
+const j = typeof window < "u" ? S(c) : c, q = (m) => {
+  const { isHidden: x, componentId: h = "", heading: p = "", description: b = "", disclaimer: u = "", normalPrice: g = 0, salePrice: V = 0, linkText: N = "", linkUrl: P = "" } = m, e = $(), k = e == null ? void 0 : e.isHidden, f = (e == null ? void 0 : e.heading) || "", v = (e == null ? void 0 : e.description) || "", w = (e == null ? void 0 : e.disclaimer) || "", C = (e == null ? void 0 : e.normalPrice) || "", y = (e == null ? void 0 : e.salePrice) || "", B = (e == null ? void 0 : e.linkText) || "", H = (e == null ? void 0 : e.linkUrl) || "", T = () => ({
     isHiddenVal: k || x,
     headingVal: f || p,
     descriptionVal: v || b,
-    disclaimerVal: C || u,
-    normalPriceVal: w || g,
-    salePriceVal: B || V,
-    linkTextVal: H || N,
-    linkUrlVal: T || P
-  }), { isHiddenVal: y, headingVal: a, descriptionVal: i, disclaimerVal: r, normalPriceVal: s, salePriceVal: d, linkTextVal: t, linkUrlVal: o } = U();
-  return y ? null : /* @__PURE__ */ l(
+    disclaimerVal: w || u,
+    normalPriceVal: C || g,
+    salePriceVal: y || V,
+    linkTextVal: B || N,
+    linkUrlVal: H || P
+  }), { isHiddenVal: U, headingVal: i, descriptionVal: a, disclaimerVal: r, normalPriceVal: s, salePriceVal: d, linkTextVal: t, linkUrlVal: o } = T();
+  return U ? null : /* @__PURE__ */ l(
     "div",
     {
       "data-component-id": `SaleBanner--${h}`,
       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: [
-          a && /* @__PURE__ */ l("h2", { className: "text-2xl @xl/salebanner:text-3xl @3xl/salebanner:text-5xl", children: /* @__PURE__ */ l("strong", { children: a }) }),
-          i && /* @__PURE__ */ l("p", { className: "text-md", children: i })
+          i && /* @__PURE__ */ l("h2", { className: "text-2xl @xl/salebanner:text-3xl @3xl/salebanner:text-5xl", children: /* @__PURE__ */ l("strong", { children: i }) }),
+          a && /* @__PURE__ */ l("p", { className: "text-md", children: a })
         ] }),
         /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ n("div", { className: "border-3 border-blue-500 border-solid rounded-full w-[200px] h-[200px] p-[40px] mx-auto @lg/salebanner:absolute @lg/salebanner:right-12 @lg/salebanner:top-12", children: [
           s && /* @__PURE__ */ n("p", { className: "line-through text-md", children: [
@@ -38,7 +38,7 @@ const q = (c) => {
           ] })
         ] }) }),
         t && o && /* @__PURE__ */ l("div", { className: "text-center bg-blue-500 rounded-full w-[200px] mx-auto px-2", children: /* @__PURE__ */ l(
-          m,
+          j,
           {
             size: "xs",
             display: "fill",