quirk-ui 0.0.272 → 0.0.274

package/dist/components/CallToAction/CallToAction.test.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { d as i, i as o, r, s as l, g as t } from "../../vi.ClIskdbk-CZ8iFAMK.js";
-import { C as a } from "../../index-rGvptsTg.js";
+import { C as a } from "../../index-CHqqMxmE.js";
 import "../../index-BBIdMcpm.js";
 i("CallToAction", () => {
   o("renders as a button when 'as' is set to 'button'", () => {

package/dist/components/CallToAction/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { C as a } from "../../index-rGvptsTg.js";
+import { C as a } from "../../index-CHqqMxmE.js";
 import "../../external-link-BOPobeQJ.js";
 import "../../chevron-down-DSUzBz9F.js";
 import "../../arrow-right-CnuUc2oD.js";

package/dist/components/Footer/index.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { C as y, F as T, a as I, b as k, c as F, d as $ } from "../../index-rGvptsTg.js";
+import { C as y, F as T, a as I, b as k, c as F, d as $ } from "../../index-CHqqMxmE.js";
 import { ButtonGroup as x } from "../ButtonGroup/index.js";
 import { E as A } from "../../external-link-BOPobeQJ.js";
 import '../../assets/index33.css';const E = "_footer_aj3nw_1", L = "_container_aj3nw_10", S = "_primaryNav_aj3nw_24", z = "_secondaryNav_aj3nw_34", C = "_details_aj3nw_71", Y = "_nav_aj3nw_84", B = "_logo_aj3nw_92", G = "_socialItems_aj3nw_98", M = "_group_aj3nw_105", P = "_groups_aj3nw_115", W = "_groupTitle_aj3nw_126", q = "_sublinks_aj3nw_135", D = "_link_aj3nw_143", H = "_newTabIcon_aj3nw_161", J = "_bottom_aj3nw_175", a = {

package/dist/components/NavBar/index.js

@@ -1,9 +1,9 @@
-import { jsx as a, jsxs as o, Fragment as ge } from "react/jsx-runtime";
+import { jsx as a, jsxs as t, Fragment as ge } from "react/jsx-runtime";
 import { useState as h, useEffect as S, useRef as T, useCallback as _ } from "react";
 import { s as e, N as Ne } from "../../NavLink-B8oPvlqf.js";
 import { Modal as $e } from "../Modal/index.js";
-import { e as we, C as Z } from "../../index-rGvptsTg.js";
-import { ButtonGroup as I } from "../ButtonGroup/index.js";
+import { e as we, C as Y } from "../../index-CHqqMxmE.js";
+import { ButtonGroup as Z } from "../ButtonGroup/index.js";
 import { E as z } from "../../external-link-BOPobeQJ.js";
 import { X as ye } from "../../x-CnsEH4Ox.js";
 import { c as P } from "../../createLucideIcon-C8GTh_Qx.js";
@@ -42,7 +42,7 @@ function Ge({
   logo: R,
   items: A,
   groups: m,
-  utilityItems: s,
+  utilityItems: i,
   isSticky: ne = !1,
   showSearch: F = !0,
   alignment: C = "right",
@@ -51,7 +51,7 @@ function Ge({
   searchComponent: le,
   className: se
 }) {
-  const [f, W] = h(!1), [B, b] = h(null), [ie, re] = h(0), [oe, ce] = h(!1), [te, de] = h(null), [c, k] = h([]), [g, x] = h(
+  const [f, W] = h(!1), [B, b] = h(null), [ie, re] = h(0), [te, oe] = h(!1), [ce, de] = h(null), [o, k] = h([]), [g, x] = h(
     0
   ), [he, D] = h(null), [N, fe] = h(!1), [$, L] = h("forward"), O = () => /* @__PURE__ */ a(
     "div",
@@ -113,25 +113,25 @@ function Ge({
   }, G = (n) => {
     const l = E.current.get(n);
     if (l && p.current) {
-      const t = l.getBoundingClientRect(), d = p.current.getBoundingClientRect(), i = t.left - d.left + t.width / 4;
-      de(i);
+      const c = l.getBoundingClientRect(), d = p.current.getBoundingClientRect(), s = c.left - d.left + c.width / 4;
+      de(s);
     }
   }, ve = (n) => {
     b((l) => l === n ? null : n);
-  }, X = _((n) => {
+  }, I = _((n) => {
     M.current && !M.current.contains(n.target) && b(null);
+  }, []), X = _(() => {
+    q(), typeof window < "u" && window.innerWidth > 768 && (W(!1), b(null), typeof document < "u" && (document.body.style.overflow = ""));
   }, []), q = _(() => {
-    U(), typeof window < "u" && window.innerWidth > 768 && (W(!1), b(null), typeof document < "u" && (document.body.style.overflow = ""));
-  }, []), U = _(() => {
     if (p.current) {
       const n = p.current.getBoundingClientRect().width;
-      re(n), ce(!0);
+      re(n), oe(!0);
     }
   }, []);
   S(() => {
     const n = typeof window < "u", l = typeof document < "u";
-    return n && window.addEventListener("resize", q), l && document.addEventListener("click", X), U(), () => {
-      n && window.removeEventListener("resize", q), l && document.removeEventListener("click", X);
+    return n && window.addEventListener("resize", X), l && document.addEventListener("click", I), q(), () => {
+      n && window.removeEventListener("resize", X), l && document.removeEventListener("click", I);
     };
   }, []), S(() => {
     if (typeof document < "u")
@@ -139,21 +139,21 @@ function Ge({
         document.body.style.overflow = "";
       };
   }, [f]);
-  const ke = (n) => n.map((l, t) => {
-    var V, H, J, K, Q;
-    const d = `group-${t}`, y = he === t, i = (V = l.primaryItems) == null ? void 0 : V[g ?? 0];
-    return /* @__PURE__ */ o(
+  const ke = (n) => n.map((l, c) => {
+    var U, V, H, J, K;
+    const d = `group-${c}`, y = he === c, s = (U = l.primaryItems) == null ? void 0 : U[g ?? 0];
+    return /* @__PURE__ */ t(
       "div",
       {
         className: `${e.linkWrapper} ${e.parent}`,
         onMouseEnter: () => {
-          D(t), b(d), G(d);
+          D(c), b(d), G(d);
         },
         onMouseLeave: () => {
           D(null), x(0), b(null);
         },
         children: [
-          /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ o(
+          /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ t(
             "button",
             {
               ref: (r) => {
@@ -162,7 +162,7 @@ function Ge({
               role: "menuitem",
               "aria-haspopup": "true",
               "aria-expanded": y,
-              "aria-controls": `submenu-${t}`,
+              "aria-controls": `submenu-${c}`,
               className: `${e.sublinkToggle} ${y ? e.open : ""} `,
               children: [
                 l.title,
@@ -173,23 +173,23 @@ function Ge({
           /* @__PURE__ */ a(
             "div",
             {
-              id: `submenu-${t}`,
+              id: `submenu-${c}`,
               className: `${e.sublinks} ${y ? e.show : ""}`,
               role: "menu",
               "aria-label": `${l.title} submenu`,
-              children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ o(
+              children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ t(
                 "div",
                 {
                   className: `${e.sublinksInner} ${l.spotlight ? e.withSpotlight : e.withoutSpotlight}`,
                   children: [
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ t(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.primaryColumn}`,
                         children: [
                           /* @__PURE__ */ a("div", { className: e.linkItem }),
-                          (H = l.primaryItems) == null ? void 0 : H.map(
-                            (r, u) => r.href ? /* @__PURE__ */ o(
+                          (V = l.primaryItems) == null ? void 0 : V.map(
+                            (r, u) => r.href ? /* @__PURE__ */ t(
                               "a",
                               {
                                 href: r.href,
@@ -197,13 +197,13 @@ function Ge({
                                 target: r.isExternal ? "_blank" : "_self",
                                 rel: r.isExternal ? "noopener noreferrer" : void 0,
                                 onClick: () => {
-                                  var Y;
-                                  b(null), (Y = r.onClick) == null || Y.call(r);
+                                  var Q;
+                                  b(null), (Q = r.onClick) == null || Q.call(r);
                                 },
                                 onMouseEnter: () => r.sublinks ? x(u) : null,
                                 role: "menuitem",
                                 children: [
-                                  /* @__PURE__ */ o("span", { className: e.linkContent, children: [
+                                  /* @__PURE__ */ t("span", { className: e.linkContent, children: [
                                     r.label,
                                     r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
                                   ] }),
@@ -222,7 +222,7 @@ function Ge({
                               {
                                 className: `${e.sublinkToggle} ${g === u ? e.open : ""}`,
                                 onMouseEnter: () => x(u),
-                                children: /* @__PURE__ */ o("span", { className: e.linkContent, children: [
+                                children: /* @__PURE__ */ t("span", { className: e.linkContent, children: [
                                   r.label,
                                   r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
                                 ] })
@@ -233,21 +233,21 @@ function Ge({
                         ]
                       }
                     ),
-                    (i == null ? void 0 : i.sublinks) && ((J = i == null ? void 0 : i.sublinks) == null ? void 0 : J.length) > 0 && /* @__PURE__ */ o(
+                    (s == null ? void 0 : s.sublinks) && ((H = s == null ? void 0 : s.sublinks) == null ? void 0 : H.length) > 0 && /* @__PURE__ */ t(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.childrenColumn} ${e.fadeInFromLeft}`,
                         children: [
-                          (i == null ? void 0 : i.description) && /* @__PURE__ */ a("div", { className: e.sublinksDescription, children: i == null ? void 0 : i.description }),
-                          (i == null ? void 0 : i.sublinks) && w(
-                            i.sublinks,
+                          (s == null ? void 0 : s.description) && /* @__PURE__ */ a("div", { className: e.sublinksDescription, children: s == null ? void 0 : s.description }),
+                          (s == null ? void 0 : s.sublinks) && w(
+                            s.sublinks,
                             `${d}-${g}`
                           )
                         ]
                       },
-                      `${i.label}-${(K = i == null ? void 0 : i.sublinks) == null ? void 0 : K.length}`
+                      `${s.label}-${(J = s == null ? void 0 : s.sublinks) == null ? void 0 : J.length}`
                     ),
-                    (l == null ? void 0 : l.secondaryItems) && ((Q = l == null ? void 0 : l.secondaryItems) == null ? void 0 : Q.length) > 0 && /* @__PURE__ */ a(
+                    (l == null ? void 0 : l.secondaryItems) && ((K = l == null ? void 0 : l.secondaryItems) == null ? void 0 : K.length) > 0 && /* @__PURE__ */ a(
                       "div",
                       {
                         className: `${e.sublinksColumn} ${e.secondaryColumn}`,
@@ -268,14 +268,14 @@ function Ge({
           )
         ]
       },
-      t
+      c
     );
-  }), w = (n, l = "") => n.map((t) => {
-    const d = `${l}/${t.label}`;
+  }), w = (n, l = "") => n.map((c) => {
+    const d = `${l}/${c.label}`;
     return /* @__PURE__ */ a(
       Ne,
       {
-        link: t,
+        link: c,
         path: d,
         parentPath: l,
         openPath: B,
@@ -295,10 +295,10 @@ function Ge({
       className: `${se ?? ""} ${Te[C]} ${Se[ae]} ${e.navbar} ${ne ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
       role: "navigation",
       "aria-label": "Main navigation",
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ t(
         "div",
         {
-          className: `${e.container} ${(!s || s.length === 0) && C !== "center" ? e.twoColumn : ""}`,
+          className: `${e.container} ${(!i || i.length === 0) && C !== "center" ? e.twoColumn : ""}`,
           children: [
             R ? /* @__PURE__ */ a("div", { className: e.logo, children: R }) : /* @__PURE__ */ a("div", { className: e.title, children: ee }),
             /* @__PURE__ */ a(
@@ -308,15 +308,15 @@ function Ge({
                 style: {
                   left: C === "center" ? `calc(50% - ${ie / 2}px)` : "0"
                 },
-                className: `${e.nav} ${f ? e.open : ""} ${oe ? e.visible : e.hidden}`,
+                className: `${e.nav} ${f ? e.open : ""} ${te ? e.visible : e.hidden}`,
                 id: "main-menu",
                 role: "menubar",
                 "aria-label": "Main navigation",
-                children: /* @__PURE__ */ o("div", { className: e.navInner, children: [
+                children: /* @__PURE__ */ t("div", { className: e.navInner, children: [
                   /* @__PURE__ */ a(
                     "svg",
                     {
-                      style: { left: `${te}px` },
+                      style: { left: `${ce}px` },
                       className: `${e.triangle} ${B ? e.show : ""}`,
                       width: 16,
                       height: 12,
@@ -334,14 +334,14 @@ function Ge({
                     }
                   ),
                   v === "default" && A && /* @__PURE__ */ a("div", { className: e.grid, children: w(A) }),
-                  !N && v === "advanced" && m && /* @__PURE__ */ o("div", { className: e.grid, children: [
+                  !N && v === "advanced" && m && /* @__PURE__ */ t("div", { className: e.grid, children: [
                     ke(m),
-                    F && /* @__PURE__ */ o(ge, { children: [
+                    F && /* @__PURE__ */ t(ge, { children: [
                       /* @__PURE__ */ a("span", { className: e.separator }),
                       /* @__PURE__ */ a(O, {})
                     ] })
                   ] }),
-                  N && v === "advanced" && f && c.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
+                  N && v === "advanced" && f && o.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
                     "div",
                     {
                       className: `${e.mobileMenuItem} ${$ === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
@@ -356,7 +356,7 @@ function Ge({
                     },
                     n._key ?? l
                   )) }),
-                  N && v === "advanced" && f && c.length > 0 && /* @__PURE__ */ o(
+                  N && v === "advanced" && f && o.length > 0 && /* @__PURE__ */ t(
                     "div",
                     {
                       className: `${e.mobileMenuSlide} `,
@@ -365,7 +365,7 @@ function Ge({
                           "button",
                           {
                             className: e.back,
-                            onClick: c.length === 1 ? be : ue,
+                            onClick: o.length === 1 ? be : ue,
                             children: /* @__PURE__ */ a(
                               we,
                               {
@@ -376,14 +376,14 @@ function Ge({
                             )
                           }
                         ),
-                        c[c.length - 1].description && /* @__PURE__ */ a(
+                        o[o.length - 1].description && /* @__PURE__ */ a(
                           "div",
                           {
                             className: `${e.sublinksDescription} ${$ === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
-                            children: c[c.length - 1].description
+                            children: o[o.length - 1].description
                           }
                         ),
-                        c[c.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
+                        o[o.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
                           "div",
                           {
                             className: `${e.mobileMenuItem} ${$ === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
@@ -392,12 +392,12 @@ function Ge({
                               {
                                 className: e.sublinkToggle,
                                 onClick: () => j(n),
-                                children: /* @__PURE__ */ o("span", { className: e.linkContent, children: [
+                                children: /* @__PURE__ */ t("span", { className: e.linkContent, children: [
                                   n.label,
                                   n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
                                 ] })
                               }
-                            ) : /* @__PURE__ */ o(
+                            ) : /* @__PURE__ */ t(
                               "a",
                               {
                                 href: n.href,
@@ -406,7 +406,7 @@ function Ge({
                                 rel: n.isExternal ? "noopener noreferrer" : void 0,
                                 role: "menuitem",
                                 children: [
-                                  /* @__PURE__ */ o("span", { className: e.linkContent, children: [
+                                  /* @__PURE__ */ t("span", { className: e.linkContent, children: [
                                     n.label,
                                     n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
                                   ] }),
@@ -423,8 +423,8 @@ function Ge({
                           },
                           n._key ?? `primary-${l}`
                         )),
-                        c[c.length - 1].secondary.length > 0 && /* @__PURE__ */ a("hr", { className: e.groupDivider }),
-                        c[c.length - 1].secondary.map(
+                        o[o.length - 1].secondary.length > 0 && /* @__PURE__ */ a("hr", { className: e.groupDivider }),
+                        o[o.length - 1].secondary.map(
                           (n, l) => /* @__PURE__ */ a(
                             "div",
                             {
@@ -436,7 +436,7 @@ function Ge({
                                   onClick: () => j(n),
                                   children: n.label
                                 }
-                              ) : /* @__PURE__ */ o(
+                              ) : /* @__PURE__ */ t(
                                 "a",
                                 {
                                   href: n.href,
@@ -462,13 +462,13 @@ function Ge({
                         )
                       ]
                     },
-                    `stack-${c.length}`
+                    `stack-${o.length}`
                   )
                 ] })
               }
             ),
-            s && /* @__PURE__ */ a("nav", { className: e.utility, "aria-label": "Utility navigation", children: /* @__PURE__ */ a(I, { children: s.map((n, l) => /* @__PURE__ */ a(
-              Z,
+            i && /* @__PURE__ */ a("nav", { className: e.utility, "aria-label": "Utility navigation", children: /* @__PURE__ */ a(Z, { children: i.map((n, l) => /* @__PURE__ */ a(
+              Y,
               {
                 as: "a",
                 href: n.href ?? "/",
@@ -479,42 +479,42 @@ function Ge({
                 "aria-label": n.ariaLabel ?? n.label,
                 icon: n.icon,
                 iconAlignment: n.iconAlignment,
-                children: s[1].imageSrc ? /* @__PURE__ */ a(
+                children: n.imageSrc ? /* @__PURE__ */ a(
                   "img",
                   {
                     className: e.utilityImage,
-                    src: s[1].imageSrc,
-                    alt: s[1].imageAlt ?? s[1].ariaLabel ?? s[1].label
+                    src: n.imageSrc,
+                    alt: n.imageAlt ?? n.ariaLabel ?? n.label
                   }
-                ) : s[1].label
+                ) : n.label
               },
               n._key || l
             )) }) }),
-            s && /* @__PURE__ */ a(
+            i && /* @__PURE__ */ a(
               "nav",
               {
                 "aria-label": "Utility navigation",
                 className: `${e.utilityMobile} ${f ? e.open : ""}`,
-                children: /* @__PURE__ */ a(I, { alignment: "center", children: /* @__PURE__ */ a(
-                  Z,
+                children: /* @__PURE__ */ a(Z, { alignment: "center", children: /* @__PURE__ */ a(
+                  Y,
                   {
                     as: "a",
-                    href: s[1].href ?? "/",
-                    variant: s[1].variant ?? "primary",
-                    displayType: s[1].displayType ?? "text",
-                    imageSrc: s[1].imageSrc,
-                    imageAlt: s[1].imageAlt,
-                    "aria-label": s[1].ariaLabel ?? s[1].label,
-                    icon: s[1].icon,
-                    iconAlignment: s[1].iconAlignment,
-                    children: s[1].imageSrc ? /* @__PURE__ */ a(
+                    href: i[1].href ?? "/",
+                    variant: i[1].variant ?? "primary",
+                    displayType: i[1].displayType ?? "text",
+                    imageSrc: i[1].imageSrc,
+                    imageAlt: i[1].imageAlt,
+                    "aria-label": i[1].ariaLabel ?? i[1].label,
+                    icon: i[1].icon,
+                    iconAlignment: i[1].iconAlignment,
+                    children: i[1].imageSrc ? /* @__PURE__ */ a(
                       "img",
                       {
                         className: e.utilityImage,
-                        src: s[1].imageSrc,
-                        "aria-label": s[1].imageAlt ?? s[1].ariaLabel ?? s[1].label
+                        src: i[1].imageSrc,
+                        "aria-label": i[1].imageAlt ?? i[1].ariaLabel ?? i[1].label
                       }
-                    ) : s[1].label
+                    ) : i[1].label
                   }
                 ) })
               }

package/dist/{index-rGvptsTg.js → index-CHqqMxmE.js}

@@ -2,20 +2,20 @@ import { jsx as c, jsxs as I, Fragment as L } from "react/jsx-runtime";
 import d from "react";
 import { c as u } from "./createLucideIcon-C8GTh_Qx.js";
 import { E as M } from "./external-link-BOPobeQJ.js";
-import { C as k } from "./chevron-down-DSUzBz9F.js";
-import { a as N, A as E } from "./arrow-right-CnuUc2oD.js";
-import './assets/index45.css';const V = "_callToAction_1wtpc_1", A = "_blurred_1wtpc_26", $ = "_primary_1wtpc_27", F = "_secondary_1wtpc_28", S = "_primaryInverted_1wtpc_29", B = "_secondaryInverted_1wtpc_30", T = "_blurredInverted_1wtpc_32", R = "_link_1wtpc_46", D = "_linkInverted_1wtpc_47", H = "_underline_1wtpc_48", q = "_underlineInverted_1wtpc_49", W = "_content_1wtpc_59", G = "_icon_1wtpc_193", K = "_iconLeft_1wtpc_213", Y = "_iconRight_1wtpc_217", i = {
-  callToAction: V,
-  blurred: A,
-  primary: $,
+import { C as P } from "./chevron-down-DSUzBz9F.js";
+import { a as N, A as V } from "./arrow-right-CnuUc2oD.js";
+import './assets/index45.css';const E = "_callToAction_1wtpc_1", $ = "_blurred_1wtpc_26", A = "_primary_1wtpc_27", F = "_secondary_1wtpc_28", S = "_primaryInverted_1wtpc_29", B = "_secondaryInverted_1wtpc_30", R = "_blurredInverted_1wtpc_32", T = "_link_1wtpc_46", D = "_linkInverted_1wtpc_47", q = "_underline_1wtpc_48", H = "_underlineInverted_1wtpc_49", W = "_content_1wtpc_59", G = "_icon_1wtpc_193", K = "_iconLeft_1wtpc_213", Y = "_iconRight_1wtpc_217", a = {
+  callToAction: E,
+  blurred: $,
+  primary: A,
   secondary: F,
   primaryInverted: S,
   secondaryInverted: B,
-  blurredInverted: T,
-  link: R,
+  blurredInverted: R,
+  link: T,
   linkInverted: D,
-  underline: H,
-  underlineInverted: q,
+  underline: q,
+  underlineInverted: H,
   content: W,
   icon: G,
   iconLeft: K,
@@ -68,24 +68,52 @@ const e1 = [
  * See the LICENSE file in the root directory of this source tree.
  */
 const r1 = [["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]], c1 = u("play", r1);
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const a1 = [
+  ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
+  ["path", { d: "M16 16h5v5", key: "ccwih5" }]
+], i1 = u("refresh-ccw", a1);
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const o1 = [
+  [
+    "path",
+    {
+      d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",
+      key: "1qme2f"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], l1 = u("settings", o1);
 var O = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, g = d.createContext && /* @__PURE__ */ d.createContext(O), i1 = ["attr", "size", "title"];
-function o1(t, e) {
+}, g = d.createContext && /* @__PURE__ */ d.createContext(O), s1 = ["attr", "size", "title"];
+function d1(t, e) {
   if (t == null) return {};
-  var n = a1(t, e), r, o;
+  var n = u1(t, e), r, i;
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(t);
-    for (o = 0; o < a.length; o++)
-      r = a[o], !(e.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (n[r] = t[r]);
+    var o = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < o.length; i++)
+      r = o[i], !(e.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (n[r] = t[r]);
   }
   return n;
 }
-function a1(t, e) {
+function u1(t, e) {
   if (t == null) return {};
   var n = {};
   for (var r in t)
@@ -95,45 +123,45 @@ function a1(t, e) {
     }
   return n;
 }
-function p() {
-  return p = Object.assign ? Object.assign.bind() : function(t) {
+function h() {
+  return h = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var n = arguments[e];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (t[r] = n[r]);
     }
     return t;
-  }, p.apply(this, arguments);
+  }, h.apply(this, arguments);
 }
 function w(t, e) {
   var n = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(t);
-    e && (r = r.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(t, o).enumerable;
+    e && (r = r.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(t, i).enumerable;
     })), n.push.apply(n, r);
   }
   return n;
 }
-function h(t) {
+function p(t) {
   for (var e = 1; e < arguments.length; e++) {
     var n = arguments[e] != null ? arguments[e] : {};
     e % 2 ? w(Object(n), !0).forEach(function(r) {
-      l1(t, r, n[r]);
+      h1(t, r, n[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : w(Object(n)).forEach(function(r) {
       Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
   return t;
 }
-function l1(t, e, n) {
-  return e = s1(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+function h1(t, e, n) {
+  return e = p1(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function s1(t) {
-  var e = d1(t, "string");
+function p1(t) {
+  var e = v1(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function d1(t, e) {
+function v1(t, e) {
   if (typeof t != "object" || !t) return t;
   var n = t[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -143,151 +171,153 @@ function d1(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-function z(t) {
-  return t && t.map((e, n) => /* @__PURE__ */ d.createElement(e.tag, h({
+function x(t) {
+  return t && t.map((e, n) => /* @__PURE__ */ d.createElement(e.tag, p({
     key: n
-  }, e.attr), z(e.child)));
+  }, e.attr), x(e.child)));
 }
 function s(t) {
-  return (e) => /* @__PURE__ */ d.createElement(u1, p({
-    attr: h({}, t.attr)
-  }, e), z(t.child));
+  return (e) => /* @__PURE__ */ d.createElement(f1, h({
+    attr: p({}, t.attr)
+  }, e), x(t.child));
 }
-function u1(t) {
+function f1(t) {
   var e = (n) => {
     var {
       attr: r,
-      size: o,
-      title: a
-    } = t, f = o1(t, i1), v = o || n.size || "1em", l;
-    return n.className && (l = n.className), t.className && (l = (l ? l + " " : "") + t.className), /* @__PURE__ */ d.createElement("svg", p({
+      size: i,
+      title: o
+    } = t, v = d1(t, s1), f = i || n.size || "1em", l;
+    return n.className && (l = n.className), t.className && (l = (l ? l + " " : "") + t.className), /* @__PURE__ */ d.createElement("svg", h({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, n.attr, r, f, {
+    }, n.attr, r, v, {
       className: l,
-      style: h(h({
+      style: p(p({
         color: t.color || n.color
       }, n.style), t.style),
-      height: v,
-      width: v,
+      height: f,
+      width: f,
       xmlns: "http://www.w3.org/2000/svg"
-    }), a && /* @__PURE__ */ d.createElement("title", null, a), t.children);
+    }), o && /* @__PURE__ */ d.createElement("title", null, o), t.children);
   };
   return g !== void 0 ? /* @__PURE__ */ d.createElement(g.Consumer, null, (n) => e(n)) : e(O);
 }
-function p1(t) {
+function m1(t) {
   return s({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z" }, child: [] }] })(t);
 }
-function z1(t) {
+function k1(t) {
   return s({ 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: [] }] })(t);
 }
-function h1(t) {
+function y1(t) {
   return s({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z" }, child: [] }] })(t);
 }
-function x1(t) {
+function L1(t) {
   return s({ 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: [] }] })(t);
 }
-function C1(t) {
+function M1(t) {
   return s({ 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: [] }] })(t);
 }
-function j1(t) {
+function P1(t) {
   return s({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" }, child: [] }] })(t);
 }
-function P1(t) {
+function N1(t) {
   return s({ 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: [] }] })(t);
 }
-function f1(t) {
+function _1(t) {
   return s({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" }, child: [] }] })(t);
 }
-const v1 = {
+const g1 = {
   apps: /* @__PURE__ */ I(L, { children: [
-    /* @__PURE__ */ c(p1, {}),
+    /* @__PURE__ */ c(m1, {}),
     " ",
-    /* @__PURE__ */ c(h1, {})
+    /* @__PURE__ */ c(y1, {})
   ] }),
-  "arrow-left": /* @__PURE__ */ c(E, {}),
+  "arrow-left": /* @__PURE__ */ c(V, {}),
   "arrow-right": /* @__PURE__ */ c(N, {}),
-  "chevron-down": /* @__PURE__ */ c(k, {}),
+  "chevron-down": /* @__PURE__ */ c(P, {}),
   "chevron-left": /* @__PURE__ */ c(Q, {}),
   "chevron-right": /* @__PURE__ */ c(X, {}),
-  envelope: /* @__PURE__ */ c(f1, {}),
+  envelope: /* @__PURE__ */ c(_1, {}),
   phone: /* @__PURE__ */ c(n1, {}),
   play: /* @__PURE__ */ c(c1, {}),
   "new-tab": /* @__PURE__ */ c(M, {}),
+  refresh: /* @__PURE__ */ c(i1, {}),
+  settings: /* @__PURE__ */ c(l1, {}),
   "sign-in": /* @__PURE__ */ c(t1, {})
 }, b = {
-  primary: i.primary,
-  primaryInverted: i.primaryInverted,
-  secondary: i.secondary,
-  secondaryInverted: i.secondaryInverted,
-  link: i.link,
-  linkInverted: i.linkInverted,
-  underline: i.underline,
-  underlineInverted: i.underlineInverted,
-  blurred: i.blurred,
-  blurredInverted: i.blurredInverted
-}, m1 = {
-  left: i.iconLeft,
-  right: i.iconRight
+  primary: a.primary,
+  primaryInverted: a.primaryInverted,
+  secondary: a.secondary,
+  secondaryInverted: a.secondaryInverted,
+  link: a.link,
+  linkInverted: a.linkInverted,
+  underline: a.underline,
+  underlineInverted: a.underlineInverted,
+  blurred: a.blurred,
+  blurredInverted: a.blurredInverted
+}, w1 = {
+  left: a.iconLeft,
+  right: a.iconRight
 };
-function L1({
+function V1({
   variant: t = "primary",
   displayType: e = "text",
   imageSrc: n,
   imageAlt: r = "",
-  ImageComponent: o,
-  icon: a,
-  iconAlignment: f = "right",
-  useRouter: v = !1,
+  ImageComponent: i,
+  icon: o,
+  iconAlignment: v = "right",
+  useRouter: f = !1,
   className: l,
-  children: x,
+  children: z,
   disabled: C = !1,
   ...m
 }) {
-  const _ = e === "image" ? o || (n ? /* @__PURE__ */ c(
+  const y = e === "image" ? i || (n ? /* @__PURE__ */ c(
     "img",
     {
       width: "175",
       height: "59",
       src: n,
       alt: r,
-      className: i.image
+      className: a.image
     }
-  ) : null) : /* @__PURE__ */ I("span", { className: `${i.content} ${m1[f]}`, children: [
-    /* @__PURE__ */ c("span", { children: x }),
-    a && /* @__PURE__ */ c("span", { className: i.icon, children: v1[a] })
+  ) : null) : /* @__PURE__ */ I("span", { className: `${a.content} ${w1[v]}`, children: [
+    /* @__PURE__ */ c("span", { children: z }),
+    o && /* @__PURE__ */ c("span", { className: a.icon, children: g1[o] })
   ] });
   if (m.as == "a") {
-    const { href: j, target: y, ...P } = m;
+    const { href: j, target: _, ...k } = m;
     return /* @__PURE__ */ c(
       "a",
       {
         href: j,
-        target: y,
-        rel: y === "_blank" ? "noopener noreferrer" : void 0,
-        className: `${l ?? ""} ${i.callToAction} ${b[t]}`,
-        ...P,
-        children: _
+        target: _,
+        rel: _ === "_blank" ? "noopener noreferrer" : void 0,
+        className: `${l ?? ""} ${a.callToAction} ${b[t]}`,
+        ...k,
+        children: y
       }
     );
   }
   return /* @__PURE__ */ c(
     "button",
     {
-      className: `${l ?? ""} ${i.callToAction} ${b[t]}`,
+      className: `${l ?? ""} ${a.callToAction} ${b[t]}`,
       disabled: C,
       ...m,
-      children: _
+      children: y
     }
   );
 }
 export {
-  L1 as C,
-  P1 as F,
-  x1 as a,
-  C1 as b,
-  j1 as c,
-  z1 as d,
+  V1 as C,
+  N1 as F,
+  L1 as a,
+  M1 as b,
+  P1 as c,
+  k1 as d,
   Q as e
 };

package/dist/main.js

@@ -1,7 +1,7 @@
 import './assets/index.css';/* empty css               */
 import { ButtonGroup as t } from "./components/ButtonGroup/index.js";
 import { FloatingActionButton as m } from "./components/FloatingActionButton/index.js";
-import { C as f } from "./index-rGvptsTg.js";
+import { C as f } from "./index-CHqqMxmE.js";
 import { IconButton as i } from "./components/IconButton/index.js";
 import { Heading as l } from "./components/Heading/index.js";
 import { Text as d } from "./components/Text/index.js";

package/package.json

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