quirk-ui 0.0.265 → 0.0.266

package/dist/components/CallToAction/index.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import '../../assets/index13.css';const p = "_callToAction_31fqz_1", q = "_blurred_31fqz_26", z = "_primary_31fqz_27", b = "_secondary_31fqz_28", h = "_primaryInverted_31fqz_29", k = "_secondaryInverted_31fqz_30", g = "_blurredInverted_31fqz_32", $ = "_link_31fqz_46", A = "_linkInverted_31fqz_47", x = "_underline_31fqz_48", T = "_underlineInverted_31fqz_49", R = "_content_31fqz_59", L = "_icon_31fqz_193", N = "_iconLeft_31fqz_209", C = "_iconRight_31fqz_213", n = {
+import '../../assets/index13.css';const p = "_callToAction_31fqz_1", q = "_blurred_31fqz_26", z = "_primary_31fqz_27", h = "_secondary_31fqz_28", b = "_primaryInverted_31fqz_29", g = "_secondaryInverted_31fqz_30", k = "_blurredInverted_31fqz_32", $ = "_link_31fqz_46", A = "_linkInverted_31fqz_47", x = "_underline_31fqz_48", T = "_underlineInverted_31fqz_49", R = "_content_31fqz_59", L = "_icon_31fqz_193", N = "_iconLeft_31fqz_209", C = "_iconRight_31fqz_213", n = {
   callToAction: p,
   blurred: q,
   primary: z,
-  secondary: b,
-  primaryInverted: h,
-  secondaryInverted: k,
-  blurredInverted: g,
+  secondary: h,
+  primaryInverted: b,
+  secondaryInverted: g,
+  blurredInverted: k,
   link: $,
   linkInverted: A,
   underline: x,
@@ -33,19 +33,28 @@ import '../../assets/index13.css';const p = "_callToAction_31fqz_1", q = "_blurr
 function B({
   variant: t = "primary",
   displayType: a = "text",
-  imageSrc: o,
+  imageSrc: i,
   imageAlt: _ = "",
-  icon: c,
+  icon: o,
   iconAlignemnt: f = "right",
   useRouter: E = !1,
-  className: i,
+  className: c,
   children: u,
   disabled: v = !1,
   ...r
 }) {
-  const l = a === "image" && o ? /* @__PURE__ */ e("img", { src: o, alt: _, className: n.image }) : /* @__PURE__ */ m("span", { className: `${n.content} ${j[f]}`, children: [
+  const l = a === "image" && i ? /* @__PURE__ */ e(
+    "img",
+    {
+      width: "175",
+      height: "59",
+      src: i,
+      alt: _,
+      className: n.image
+    }
+  ) : /* @__PURE__ */ m("span", { className: `${n.content} ${j[f]}`, children: [
     /* @__PURE__ */ e("span", { children: u }),
-    c && /* @__PURE__ */ e("span", { className: n.icon, children: c })
+    o && /* @__PURE__ */ e("span", { className: n.icon, children: o })
   ] });
   if (r.as == "a") {
     const { href: I, target: d, ...y } = r;
@@ -55,7 +64,7 @@ function B({
         href: I,
         target: d,
         rel: d === "_blank" ? "noopener noreferrer" : void 0,
-        className: `${i ?? ""} ${n.callToAction} ${s[t]}`,
+        className: `${c ?? ""} ${n.callToAction} ${s[t]}`,
         ...y,
         children: l
       }
@@ -64,7 +73,7 @@ function B({
   return /* @__PURE__ */ e(
     "button",
     {
-      className: `${i ?? ""} ${n.callToAction} ${s[t]}`,
+      className: `${c ?? ""} ${n.callToAction} ${s[t]}`,
       disabled: v,
       ...r,
       children: l

package/dist/components/Footer/index.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { CallToAction as C } from "../CallToAction/index.js";
-import { ButtonGroup as E } from "../ButtonGroup/index.js";
+import { CallToAction as I } from "../CallToAction/index.js";
+import { ButtonGroup as S } from "../ButtonGroup/index.js";
 import d from "react";
 import { E as V } from "../../external-link-BOPobeQJ.js";
 import '../../assets/index45.css';var z = {
@@ -12,11 +12,11 @@ import '../../assets/index45.css';var z = {
 }, j = d.createContext && /* @__PURE__ */ d.createContext(z), $ = ["attr", "size", "title"];
 function F(e, t) {
   if (e == null) return {};
-  var r = M(e, t), a, l;
+  var r = M(e, t), a, c;
   if (Object.getOwnPropertySymbols) {
     var u = Object.getOwnPropertySymbols(e);
-    for (l = 0; l < u.length; l++)
-      a = u[l], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (r[a] = e[a]);
+    for (c = 0; c < u.length; c++)
+      a = u[c], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (r[a] = e[a]);
   }
   return r;
 }
@@ -30,22 +30,22 @@ function M(e, t) {
     }
   return r;
 }
-function v() {
-  return v = Object.assign ? Object.assign.bind() : function(e) {
+function h() {
+  return h = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var a in r)
         Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
     }
     return e;
-  }, v.apply(this, arguments);
+  }, h.apply(this, arguments);
 }
 function P(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
-    t && (a = a.filter(function(l) {
-      return Object.getOwnPropertyDescriptor(e, l).enumerable;
+    t && (a = a.filter(function(c) {
+      return Object.getOwnPropertyDescriptor(e, c).enumerable;
     })), r.push.apply(r, a);
   }
   return r;
@@ -65,10 +65,10 @@ function B(e, t, r) {
   return t = k(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
 function k(e) {
-  var t = L(e, "string");
+  var t = D(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function L(e, t) {
+function D(e, t) {
   if (typeof e != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -78,24 +78,24 @@ function L(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function I(e) {
+function T(e) {
   return e && e.map((t, r) => /* @__PURE__ */ d.createElement(t.tag, b({
     key: r
-  }, t.attr), I(t.child)));
+  }, t.attr), T(t.child)));
 }
 function f(e) {
-  return (t) => /* @__PURE__ */ d.createElement(D, v({
+  return (t) => /* @__PURE__ */ d.createElement(H, h({
     attr: b({}, e.attr)
-  }, t), I(e.child));
+  }, t), T(e.child));
 }
-function D(e) {
+function H(e) {
   var t = (r) => {
     var {
       attr: a,
-      size: l,
+      size: c,
       title: u
-    } = e, p = F(e, $), h = l || r.size || "1em", s;
-    return r.className && (s = r.className), e.className && (s = (s ? s + " " : "") + e.className), /* @__PURE__ */ d.createElement("svg", v({
+    } = e, p = F(e, $), v = c || r.size || "1em", s;
+    return r.className && (s = r.className), e.className && (s = (s ? s + " " : "") + e.className), /* @__PURE__ */ d.createElement("svg", h({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -104,20 +104,20 @@ function D(e) {
       style: b(b({
         color: e.color || r.color
       }, r.style), e.style),
-      height: h,
-      width: h,
+      height: v,
+      width: v,
       xmlns: "http://www.w3.org/2000/svg"
     }), u && /* @__PURE__ */ d.createElement("title", null, u), e.children);
   };
   return j !== void 0 ? /* @__PURE__ */ d.createElement(j.Consumer, null, (r) => t(r)) : t(z);
 }
-function H(e) {
+function L(e) {
   return f({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z" }, child: [] }] })(e);
 }
-function A(e) {
+function W(e) {
   return f({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" }, child: [] }] })(e);
 }
-function W(e) {
+function A(e) {
   return f({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" }, child: [] }] })(e);
 }
 function G(e) {
@@ -126,64 +126,63 @@ function G(e) {
 function Y(e) {
   return f({ attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" }, child: [] }] })(e);
 }
-const K = "_footer_m08xa_1", R = "_container_m08xa_8", q = "_utilityImage_m08xa_18", J = "_primaryNav_m08xa_22", Q = "_secondaryNav_m08xa_32", U = "_details_m08xa_69", X = "_nav_m08xa_82", Z = "_logo_m08xa_90", ee = "_socialItems_m08xa_96", te = "_group_m08xa_103", re = "_groups_m08xa_113", ae = "_groupTitle_m08xa_124", ne = "_sublinks_m08xa_133", ie = "_link_m08xa_141", oe = "_newTabIcon_m08xa_159", ce = "_bottom_m08xa_173", n = {
+const K = "_footer_m08xa_1", R = "_container_m08xa_8", q = "_primaryNav_m08xa_22", J = "_secondaryNav_m08xa_32", Q = "_details_m08xa_69", U = "_nav_m08xa_82", X = "_logo_m08xa_90", Z = "_socialItems_m08xa_96", ee = "_group_m08xa_103", te = "_groups_m08xa_113", re = "_groupTitle_m08xa_124", ae = "_sublinks_m08xa_133", ne = "_link_m08xa_141", oe = "_newTabIcon_m08xa_159", ie = "_bottom_m08xa_173", n = {
   footer: K,
   container: R,
-  utilityImage: q,
-  primaryNav: J,
-  secondaryNav: Q,
-  details: U,
-  nav: X,
-  logo: Z,
-  socialItems: ee,
-  group: te,
-  groups: re,
-  groupTitle: ae,
-  sublinks: ne,
-  link: ie,
+  primaryNav: q,
+  secondaryNav: J,
+  details: Q,
+  nav: U,
+  logo: X,
+  socialItems: Z,
+  group: ee,
+  groups: te,
+  groupTitle: re,
+  sublinks: ae,
+  link: ne,
   newTabIcon: oe,
-  bottom: ce
-}, le = {
-  Facebook: H,
+  bottom: ie
+}, ce = {
+  Facebook: L,
   Twitter: G,
-  LinkedIn: W,
-  Instagram: A,
+  LinkedIn: A,
+  Instagram: W,
   YouTube: Y
 };
-function pe({
+function fe({
   // title,
   logo: e,
   items: t,
   primaryInfo: r,
   secondaryInfo: a,
-  utilityItems: l,
+  utilityItems: c,
   socialItems: u,
   // alignment = "right",
   copyright: p,
-  className: h
+  className: v
 }) {
-  const s = (i, g = "", _ = !1) => i.map((c) => {
+  const s = (l, _ = "", g = !1) => l.map((i) => {
     var O;
-    const N = `${g}/${c.label}`, w = (O = c.sublinks) == null ? void 0 : O.length, y = !!c.href, x = le[c.icon], S = y ? "a" : "div", T = y ? {
-      href: c.href,
-      target: c.isExternal ? "_blank" : "_self",
-      rel: c.isExternal ? "noopener noreferrer" : void 0,
-      role: _ ? "link" : "menuitem",
-      "aria-label": c.label
+    const N = `${_}/${i.label}`, w = (O = i.sublinks) == null ? void 0 : O.length, y = !!i.href, x = ce[i.icon], C = y ? "a" : "div", E = y ? {
+      href: i.href,
+      target: i.isExternal ? "_blank" : "_self",
+      rel: i.isExternal ? "noopener noreferrer" : void 0,
+      role: g ? "link" : "menuitem",
+      "aria-label": i.label
     } : {
-      role: _ ? "link" : "menuitem",
-      "aria-label": c.label
+      role: g ? "link" : "menuitem",
+      "aria-label": i.label
     };
     return /* @__PURE__ */ m("div", { className: `${n.group}`, children: [
       /* @__PURE__ */ m(
-        S,
+        C,
         {
           className: `${y ? n.link : ""} ${w ? n.groupTitle : ""}`,
-          ...T,
+          ...E,
           children: [
-            !_ && c.label,
+            !g && i.label,
             x && /* @__PURE__ */ o(x, {}),
-            !x && c.isExternal && /* @__PURE__ */ o(V, { className: n.newTabIcon, size: 16 })
+            !x && i.isExternal && /* @__PURE__ */ o(V, { className: n.newTabIcon, size: 16 })
           ]
         }
       ),
@@ -192,13 +191,13 @@ function pe({
         {
           className: `${n.sublinks}`,
           role: "menu",
-          "aria-label": `${c.label} submenu`,
-          children: s(c.sublinks, N)
+          "aria-label": `${i.label} submenu`,
+          children: s(i.sublinks, N)
         }
       )
     ] }, N);
   });
-  return /* @__PURE__ */ o("footer", { className: `${h ?? ""} ${n.footer}`, children: /* @__PURE__ */ m("div", { className: n.container, children: [
+  return /* @__PURE__ */ o("footer", { className: `${v ?? ""} ${n.footer}`, children: /* @__PURE__ */ m("div", { className: n.container, children: [
     /* @__PURE__ */ m("div", { className: n.primaryNav, children: [
       /* @__PURE__ */ m("div", { className: n.details, children: [
         e && /* @__PURE__ */ m("div", { className: n.logo, children: [
@@ -213,32 +212,23 @@ function pe({
     ] }),
     /* @__PURE__ */ m("div", { className: n.secondaryNav, children: [
       p && /* @__PURE__ */ o("div", { className: n.bottom, children: /* @__PURE__ */ o("span", { children: p }) }),
-      l && /* @__PURE__ */ o("nav", { className: n.utility, children: /* @__PURE__ */ o(E, { orientation: "horizontal", children: l.map((i, g) => /* @__PURE__ */ o(
-        C,
+      c && /* @__PURE__ */ o("nav", { className: n.utility, children: /* @__PURE__ */ o(S, { orientation: "horizontal", children: c.map((l, _) => /* @__PURE__ */ o(
+        I,
         {
           as: "a",
-          href: i.href ?? "/",
-          variant: i.variant ?? "primary",
-          displayType: i.displayType ?? "text",
-          imageSrc: i.imageSrc,
-          imageAlt: i.imageAlt,
-          "aria-label": i.ariaLabel ?? i.label,
-          children: i.imageSrc ? /* @__PURE__ */ o(
-            "img",
-            {
-              width: "175",
-              height: "59",
-              className: n.utilityImage,
-              src: i.imageSrc,
-              "aria-label": i.imageAlt ?? i.ariaLabel ?? i.label
-            }
-          ) : i.label
+          href: l.href ?? "/",
+          variant: l.variant ?? "primary",
+          displayType: l.displayType ?? "text",
+          imageSrc: l.imageSrc,
+          imageAlt: l.imageAlt,
+          "aria-label": l.ariaLabel ?? l.label,
+          children: l.label
         },
-        i._key || g
+        l._key || _
       )) }) })
     ] })
   ] }) });
 }
 export {
-  pe as Footer
+  fe as Footer
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.265",
+  "version": "0.0.266",
   "type": "module",
   "exports": {
     ".": {