quirk-ui 0.1.146 → 0.1.147

package/dist/next/ui/CallToAction/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("react"),B=require("next/image"),G=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-D7SAxT5B.cjs"),I=require("../../../core/components/Modal/index.cjs"),C=require("../../utils/resolveLinkUrl.cjs"),H=require("../../../core/context/ThemeContext.cjs"),Q=require("../../hooks/useMediaQuery.cjs");function W({items:r,alignment:M,spacing:R,mobileOrientation:P="column",className:S}){const[$,F]=U.useState([]),{mode:t}=H.useTheme(),g=Q.useMediaQuery("(max-width: 767px)");return U.useEffect(()=>{if(!(r!=null&&r.length)||!C.resolveLinkURL)return;async function e(){const o=await Promise.all(r.map(a=>C.resolveLinkURL(a)));F(o)}e()},[r]),r!=null&&r.length?n.jsx(G.ButtonGroup,{className:S,alignment:M,spacing:R,mobileOrientation:P,children:r.slice(0,3).map((e,o)=>{var m,d,p,c,h,b,f,y,v,x,_,k,j,T,A,w,q,L;const a=$[o]??"#",i={};if(i.height="auto",((m=e.image)==null?void 0:m.layout)==="cover")i.objectFit="cover",(d=e.image)!=null&&d.position&&(i.objectPosition=g?"top":(p=e.image)==null?void 0:p.position);else if(((c=e.image)==null?void 0:c.layout)==="contain"){if(i.objectFit="contain",((h=e.image)==null?void 0:h.sizing)==="half"?i.width=g?"100%":"50%":((b=e.image)==null?void 0:b.sizing)==="inset"?(i.width="100%",i.maxWidth=e.image.maxWidth??"unset"):i.width="100%",(f=e.image)!=null&&f.aspectRatio){const[O,z]=(y=e.image)==null?void 0:y.aspectRatio.split(":").map(Number);i.aspectRatio=`${O}/${z}`}}else i.objectFit="none";let s;(v=e.image)!=null&&v.imageUrls&&(s=t==="dark"&&((x=e.image.imageUrls.dark)==null?void 0:x.medium)||e.image.imageUrls.default.medium);let u=((j=(k=(_=e.image)==null?void 0:_[t==="dark"?"darkImage":"defaultImage"])==null?void 0:k.asset)==null?void 0:j.altText)||((w=(A=(T=e.image)==null?void 0:T[t==="dark"?"darkImage":"defaultImage"])==null?void 0:A.asset)==null?void 0:w.description)||"Card image";switch(e.type){case"link":return n.jsx(l.Button,{as:"a",variant:e.variant,href:a,target:((q=e.linkOptions)==null?void 0:q.linkType)==="external"?"_blank":"_self",rel:((L=e.linkOptions)==null?void 0:L.linkType)==="external"?"noopener noreferrer":"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"scroll":return n.jsx(l.Button,{as:"scroll",variant:e.variant,scrollTarget:e.scrollTarget??"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"modal":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:e.modalContent},o);case"video":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:n.jsx("video",{src:e.videoUrl,controls:!0,autoPlay:!0})},o);case"download":return n.jsx(l.Button,{as:"a",variant:e.variant??"primary",href:a,download:!0,target:"_blank",rel:"noopener noreferrer","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label},o)}})}):null}exports.CallToAction=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("react"),B=require("next/image"),G=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-D7SAxT5B.cjs"),I=require("../../../core/components/Modal/index.cjs"),C=require("../../utils/resolveLinkUrl.cjs"),H=require("../../../core/context/ThemeContext.cjs"),Q=require("../../hooks/useMediaQuery.cjs");function W({items:r,alignment:M,spacing:R,mobileOrientation:O="column",className:P}){const[S,$]=U.useState([]),{mode:t}=H.useTheme(),g=Q.useMediaQuery("(max-width: 767px)");return U.useEffect(()=>{if(!(r!=null&&r.length)||!C.resolveLinkURL)return;async function e(){const o=await Promise.all(r.map(a=>C.resolveLinkURL(a)));$(o)}e()},[r]),r!=null&&r.length?n.jsx(G.ButtonGroup,{className:P,alignment:M,spacing:R,mobileOrientation:O,children:r.slice(0,3).map((e,o)=>{var m,d,c,p,h,b,f,y,v,x,_,k,j,T,A,w,q,L;const a=S[o]??"#",i={};if(i.height="auto",((m=e.image)==null?void 0:m.layout)==="cover")i.objectFit="cover",(d=e.image)!=null&&d.position&&(i.objectPosition=g?"top":(c=e.image)==null?void 0:c.position);else if(((p=e.image)==null?void 0:p.layout)==="contain"){if(i.objectFit="contain",((h=e.image)==null?void 0:h.sizing)==="half"?i.width=g?"100%":"50%":((b=e.image)==null?void 0:b.sizing)==="inset"?(i.width="100%",i.maxWidth=e.image.maxWidth??"unset"):i.width="100%",(f=e.image)!=null&&f.aspectRatio){const[F,z]=(y=e.image)==null?void 0:y.aspectRatio.split(":").map(Number);i.aspectRatio=`${F}/${z}`}}else i.objectFit="none";let s;(v=e.image)!=null&&v.imageUrls&&(s=t==="dark"&&((x=e.image.imageUrls.dark)==null?void 0:x.medium)||e.image.imageUrls.default.medium);let u=((j=(k=(_=e.image)==null?void 0:_[t==="dark"?"darkImage":"defaultImage"])==null?void 0:k.asset)==null?void 0:j.altText)||((w=(A=(T=e.image)==null?void 0:T[t==="dark"?"darkImage":"defaultImage"])==null?void 0:A.asset)==null?void 0:w.description)||"Card image";switch(e.type){case"link":return n.jsx(l.Button,{as:"a",variant:e.variant,href:a,target:((q=e.linkOptions)==null?void 0:q.linkType)==="external"?"_blank":"_self",rel:((L=e.linkOptions)==null?void 0:L.linkType)==="external"?"noopener noreferrer":"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"scroll":return n.jsx(l.Button,{as:"scroll",variant:e.variant,scrollTarget:e.scrollTarget??"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,scrollOffset:e.scrollOffset,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"modal":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:e.modalContent},o);case"video":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:n.jsx("video",{src:e.videoUrl,controls:!0,autoPlay:!0})},o);case"download":return n.jsx(l.Button,{as:"a",variant:e.variant??"primary",href:a,download:!0,target:"_blank",rel:"noopener noreferrer","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label},o)}})}):null}exports.CallToAction=W;

package/dist/next/ui/CallToAction/index.mjs

@@ -2,58 +2,58 @@ import { jsx as r } from "react/jsx-runtime";
 import { useState as W, useEffect as $ } from "react";
 import C from "next/image";
 import { ButtonGroup as E } from "../../../core/components/ButtonGroup/index.mjs";
-import { B as a } from "../../../index-BnvfQt_k.js";
-import { Modal as R } from "../../../core/components/Modal/index.mjs";
-import { resolveLinkURL as B } from "../../utils/resolveLinkUrl.mjs";
+import { B as o } from "../../../index-BnvfQt_k.js";
+import { Modal as O } from "../../../core/components/Modal/index.mjs";
+import { resolveLinkURL as R } from "../../utils/resolveLinkUrl.mjs";
 import { useTheme as G } from "../../../core/context/ThemeContext.mjs";
 import { useMediaQuery as N } from "../../hooks/useMediaQuery.mjs";
 function ee({
-  items: n,
-  alignment: F,
-  spacing: M,
-  mobileOrientation: P = "column",
-  className: _
+  items: l,
+  alignment: B,
+  spacing: F,
+  mobileOrientation: M = "column",
+  className: P
 }) {
-  const [z, H] = W([]), { mode: t } = G(), s = N("(max-width: 767px)");
+  const [_, z] = W([]), { mode: t } = G(), m = N("(max-width: 767px)");
   return $(() => {
-    if (!(n != null && n.length) || !B) return;
+    if (!(l != null && l.length) || !R) return;
     async function e() {
-      const l = await Promise.all(
-        n.map((o) => B(o))
+      const n = await Promise.all(
+        l.map((a) => R(a))
       );
-      H(l);
+      z(n);
     }
     e();
-  }, [n]), n != null && n.length ? /* @__PURE__ */ r(
+  }, [l]), l != null && l.length ? /* @__PURE__ */ r(
     E,
     {
-      className: _,
-      alignment: F,
-      spacing: M,
-      mobileOrientation: P,
-      children: n.slice(0, 3).map((e, l) => {
-        var p, d, u, f, h, b, y, c, v, k, A, T, w, I, L, U, j, x;
-        const o = z[l] ?? "#", i = {};
+      className: P,
+      alignment: B,
+      spacing: F,
+      mobileOrientation: M,
+      children: l.slice(0, 3).map((e, n) => {
+        var p, d, f, u, h, b, y, c, v, k, A, T, w, I, L, U, j, x;
+        const a = _[n] ?? "#", i = {};
         if (i.height = "auto", ((p = e.image) == null ? void 0 : p.layout) === "cover")
-          i.objectFit = "cover", (d = e.image) != null && d.position && (i.objectPosition = s ? "top" : (u = e.image) == null ? void 0 : u.position);
-        else if (((f = e.image) == null ? void 0 : f.layout) === "contain") {
-          if (i.objectFit = "contain", ((h = e.image) == null ? void 0 : h.sizing) === "half" ? i.width = s ? "100%" : "50%" : ((b = e.image) == null ? void 0 : b.sizing) === "inset" ? (i.width = "100%", i.maxWidth = e.image.maxWidth ?? "unset") : i.width = "100%", (y = e.image) != null && y.aspectRatio) {
-            const [O, S] = (c = e.image) == null ? void 0 : c.aspectRatio.split(":").map(Number);
-            i.aspectRatio = `${O}/${S}`;
+          i.objectFit = "cover", (d = e.image) != null && d.position && (i.objectPosition = m ? "top" : (f = e.image) == null ? void 0 : f.position);
+        else if (((u = e.image) == null ? void 0 : u.layout) === "contain") {
+          if (i.objectFit = "contain", ((h = e.image) == null ? void 0 : h.sizing) === "half" ? i.width = m ? "100%" : "50%" : ((b = e.image) == null ? void 0 : b.sizing) === "inset" ? (i.width = "100%", i.maxWidth = e.image.maxWidth ?? "unset") : i.width = "100%", (y = e.image) != null && y.aspectRatio) {
+            const [H, S] = (c = e.image) == null ? void 0 : c.aspectRatio.split(":").map(Number);
+            i.aspectRatio = `${H}/${S}`;
           }
         } else
           i.objectFit = "none";
-        let m;
-        (v = e.image) != null && v.imageUrls && (m = t === "dark" && ((k = e.image.imageUrls.dark) == null ? void 0 : k.medium) || e.image.imageUrls.default.medium);
+        let s;
+        (v = e.image) != null && v.imageUrls && (s = t === "dark" && ((k = e.image.imageUrls.dark) == null ? void 0 : k.medium) || e.image.imageUrls.default.medium);
         let g = ((w = (T = (A = e.image) == null ? void 0 : A[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : T.asset) == null ? void 0 : w.altText) || ((U = (L = (I = e.image) == null ? void 0 : I[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : L.asset) == null ? void 0 : U.description) || "Card image";
         switch (e.type) {
           case "link":
             return /* @__PURE__ */ r(
-              a,
+              o,
               {
                 as: "a",
                 variant: e.variant,
-                href: o,
+                href: a,
                 target: ((j = e.linkOptions) == null ? void 0 : j.linkType) === "external" ? "_blank" : "_self",
                 rel: ((x = e.linkOptions) == null ? void 0 : x.linkType) === "external" ? "noopener noreferrer" : "",
                 "aria-label": e.ariaLabel || e.label,
@@ -63,7 +63,7 @@ function ee({
                 ImageComponent: /* @__PURE__ */ r(
                   C,
                   {
-                    src: m ?? "",
+                    src: s ?? "",
                     alt: g,
                     width: 600,
                     height: 658,
@@ -73,11 +73,11 @@ function ee({
                 ),
                 children: e.label
               },
-              l
+              n
             );
           case "scroll":
             return /* @__PURE__ */ r(
-              a,
+              o,
               {
                 as: "scroll",
                 variant: e.variant,
@@ -86,10 +86,11 @@ function ee({
                 icon: e.icon,
                 iconAlignment: e.iconAlignment ?? "right",
                 displayType: e.displayType,
+                scrollOffset: e.scrollOffset,
                 ImageComponent: /* @__PURE__ */ r(
                   C,
                   {
-                    src: m ?? "",
+                    src: s ?? "",
                     alt: g,
                     width: 600,
                     height: 658,
@@ -99,14 +100,14 @@ function ee({
                 ),
                 children: e.label
               },
-              l
+              n
             );
           case "modal":
             return /* @__PURE__ */ r(
-              R,
+              O,
               {
                 trigger: /* @__PURE__ */ r(
-                  a,
+                  o,
                   {
                     as: "button",
                     variant: e.variant ?? "primary",
@@ -118,14 +119,14 @@ function ee({
                 ),
                 content: e.modalContent
               },
-              l
+              n
             );
           case "video":
             return /* @__PURE__ */ r(
-              R,
+              O,
               {
                 trigger: /* @__PURE__ */ r(
-                  a,
+                  o,
                   {
                     as: "button",
                     variant: e.variant ?? "primary",
@@ -137,15 +138,15 @@ function ee({
                 ),
                 content: /* @__PURE__ */ r("video", { src: e.videoUrl, controls: !0, autoPlay: !0 })
               },
-              l
+              n
             );
           case "download":
             return /* @__PURE__ */ r(
-              a,
+              o,
               {
                 as: "a",
                 variant: e.variant ?? "primary",
-                href: o,
+                href: a,
                 download: !0,
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -154,7 +155,7 @@ function ee({
                 iconAlignment: e.iconAlignment ?? "right",
                 children: e.label
               },
-              l
+              n
             );
         }
       })

package/package.json

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