quirk-ui 0.1.27 → 0.1.28

package/dist/next/cards/GridCard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index27.css');const s=require("react/jsx-runtime"),p=require("../../../core/components/Modal/index.cjs"),O=require("../../utils/resolveLinkUrl.cjs"),S=require("../../hooks/useMediaQuery.cjs"),$=require("../../hooks/useStyleClasses.cjs"),U=require("../../../core/context/ThemeContext.cjs");require("@fortawesome/fontawesome-free/css/all.min.css");const d=require("../../utils/mediaUtils.cjs"),P=require("../../../play-CQBnZgNa.cjs"),F=require("../../../arrow-right-DO6S4vfx.cjs"),W="_cardLink_16ew5_1",z="_card_16ew5_1",G="_container_16ew5_21",D="_content_16ew5_31",E="_icon_16ew5_38",Q="_modalTrigger_16ew5_60",Y="_callToAction_16ew5_65",H="_label_16ew5_66",J="_cardIcon_16ew5_71",K="_title_16ew5_78",X="_description_16ew5_101",Z="_imageWrapper_16ew5_116",V="_metric_16ew5_205",R="_outerCircle_16ew5_222",A="_innerCircle_16ew5_227",T="_metricLabel_16ew5_233",ee="_textOnly_16ew5_241",se="_imageOnly_16ew5_278",te="_fullBleed_16ew5_303",ae="_imageTop_16ew5_344",ne="_imageBottom_16ew5_363",re="_imageLeft_16ew5_391",oe="_imageRight_16ew5_401",ie="_containImage_16ew5_459",le="_fullBleedImage_16ew5_467",ce="_image_16ew5_116",_e="_eyebrow_16ew5_563",me="_cta_16ew5_575",de="_secondary_16ew5_576",e={cardLink:W,card:z,container:G,content:D,icon:E,modalTrigger:Q,callToAction:Y,label:H,cardIcon:J,title:K,description:X,imageWrapper:Z,metric:V,outerCircle:R,innerCircle:A,metricLabel:T,textOnly:ee,imageOnly:se,fullBleed:te,imageTop:ae,imageBottom:ne,imageLeft:re,imageRight:oe,containImage:ie,fullBleedImage:le,image:ce,eyebrow:_e,cta:me,secondary:de},b={"full-bleed":e.fullBleed,text:e.textOnly,metric:e.metric,"image-left":e.imageLeft,"image-right":e.imageRight,"image-top":e.imageTop,"image-bottom":e.imageBottom,"image-only":e.imageOnly};function ge({value:t}){if(!t.includes("%"))return s.jsx("div",{className:e.metric});const a=125,n=(a-10)/2,r=2*Math.PI*n,l=r-parseFloat(t)/100*r;return s.jsxs("svg",{width:a,height:a,viewBox:`0 0 ${a} ${a}`,children:[s.jsx("circle",{className:e.outerCircle,cx:a/2,cy:a/2,r:n,fill:"none"}),s.jsx("circle",{className:e.innerCircle,cx:a/2,cy:a/2,r:n,fill:"none",strokeDasharray:r,strokeDashoffset:l,strokeLinecap:"round",transform:`rotate(-90 ${a/2} ${a/2})`}),s.jsx("text",{className:e.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:t})]})}function ue({callToAction:t,resolvedUrl:a,children:n}){var r,l;switch(t==null?void 0:t.type){case"link":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,target:((r=t.linkOptions)==null?void 0:r.linkType)==="external"?"_blank":"_self",rel:((l=t.linkOptions)==null?void 0:l.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return s.jsx(p.Modal,{className:e.modalTrigger,trigger:n,content:t.modalContent});case"video":return s.jsx(p.Modal,{className:e.modalTrigger,trigger:n,content:s.jsx("video",{src:t.videoUrl,controls:!0,autoPlay:!0})});case"download":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,download:!0,target:"_blank",rel:"noopener noreferrer",children:n});default:return s.jsx(s.Fragment,{children:n})}}function we({style:t,variant:a="noImage",metricValue:n,eyebrow:r,title:l,description:_,image:c,icon:g,callToAction:o,onHover:h,onLeave:v,gridArea:u,styleOptions:N,renderImage:w,renderRichText:i}){const{mode:x}=U.useTheme(),y=S.useMediaQuery("(max-width: 767px)"),k=$.useStyleClasses(N),L=O.resolveLinkURL(o),m=d.resolveImageUrl(c,x),f=d.resolveAltText(c,x),j=d.resolveImageStyle(c,y),C=(c==null?void 0:c.layout)==="cover",B=b[t??"image-top"]??b["image-top"],I=c&&m?s.jsx("div",{className:e.imageWrapper,children:w?w({src:m,alt:f,width:600,height:658,style:j}):s.jsx("img",{src:m,alt:f,width:600,height:658,style:j})}):null,M=!n&&!r&&!l&&!_,q=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${e.container} ${C?e.fullBleedImage:e.containImage}`,children:[a!=="image"&&!M&&s.jsxs("div",{className:e.content,children:[g&&s.jsx("div",{className:e.icon,children:s.jsx("i",{className:g})}),n&&s.jsx(ge,{value:n}),r&&(i==null?void 0:i({blocks:r,className:e.eyebrow})),l&&(i==null?void 0:i({blocks:l,className:e.title})),_&&(i==null?void 0:i({blocks:_,className:e.description}))]}),I]}),(o==null?void 0:o.videoUrl)&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(P.Play,{size:45})})]}),(o==null?void 0:o.type)==="link"&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(F.ArrowRight,{size:45})})]})]});return s.jsx("div",{className:[k,e.card,B,e[a]??""].filter(Boolean).join(" "),onMouseEnter:h,onMouseLeave:v,style:u&&!y?{gridArea:u}:{},children:s.jsx(ue,{callToAction:o,resolvedUrl:L,children:q})})}exports.GridCard=we;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index27.css');const s=require("react/jsx-runtime"),p=require("../../../core/components/Modal/index.cjs"),q=require("../../utils/resolveLinkUrl.cjs"),S=require("../../hooks/useMediaQuery.cjs"),$=require("../../hooks/useStyleClasses.cjs"),U=require("../../../core/context/ThemeContext.cjs"),d=require("../../utils/mediaUtils.cjs"),P=require("../../../play-CQBnZgNa.cjs"),F=require("../../../arrow-right-DO6S4vfx.cjs"),W="_cardLink_16ew5_1",z="_card_16ew5_1",G="_container_16ew5_21",D="_content_16ew5_31",E="_icon_16ew5_38",Q="_modalTrigger_16ew5_60",Y="_callToAction_16ew5_65",H="_label_16ew5_66",J="_cardIcon_16ew5_71",K="_title_16ew5_78",X="_description_16ew5_101",Z="_imageWrapper_16ew5_116",V="_metric_16ew5_205",R="_outerCircle_16ew5_222",A="_innerCircle_16ew5_227",T="_metricLabel_16ew5_233",ee="_textOnly_16ew5_241",se="_imageOnly_16ew5_278",te="_fullBleed_16ew5_303",ae="_imageTop_16ew5_344",ne="_imageBottom_16ew5_363",re="_imageLeft_16ew5_391",oe="_imageRight_16ew5_401",le="_containImage_16ew5_459",ie="_fullBleedImage_16ew5_467",ce="_image_16ew5_116",_e="_eyebrow_16ew5_563",me="_cta_16ew5_575",de="_secondary_16ew5_576",e={cardLink:W,card:z,container:G,content:D,icon:E,modalTrigger:Q,callToAction:Y,label:H,cardIcon:J,title:K,description:X,imageWrapper:Z,metric:V,outerCircle:R,innerCircle:A,metricLabel:T,textOnly:ee,imageOnly:se,fullBleed:te,imageTop:ae,imageBottom:ne,imageLeft:re,imageRight:oe,containImage:le,fullBleedImage:ie,image:ce,eyebrow:_e,cta:me,secondary:de},b={"full-bleed":e.fullBleed,text:e.textOnly,metric:e.metric,"image-left":e.imageLeft,"image-right":e.imageRight,"image-top":e.imageTop,"image-bottom":e.imageBottom,"image-only":e.imageOnly};function ge({value:t}){if(!t.includes("%"))return s.jsx("div",{className:e.metric});const a=125,n=(a-10)/2,r=2*Math.PI*n,i=r-parseFloat(t)/100*r;return s.jsxs("svg",{width:a,height:a,viewBox:`0 0 ${a} ${a}`,children:[s.jsx("circle",{className:e.outerCircle,cx:a/2,cy:a/2,r:n,fill:"none"}),s.jsx("circle",{className:e.innerCircle,cx:a/2,cy:a/2,r:n,fill:"none",strokeDasharray:r,strokeDashoffset:i,strokeLinecap:"round",transform:`rotate(-90 ${a/2} ${a/2})`}),s.jsx("text",{className:e.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:t})]})}function ue({callToAction:t,resolvedUrl:a,children:n}){var r,i;switch(t==null?void 0:t.type){case"link":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,target:((r=t.linkOptions)==null?void 0:r.linkType)==="external"?"_blank":"_self",rel:((i=t.linkOptions)==null?void 0:i.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return s.jsx(p.Modal,{className:e.modalTrigger,trigger:n,content:t.modalContent});case"video":return s.jsx(p.Modal,{className:e.modalTrigger,trigger:n,content:s.jsx("video",{src:t.videoUrl,controls:!0,autoPlay:!0})});case"download":return s.jsx("a",{className:e.cardLink,"aria-label":t.ariaLabel||t.label,href:a,download:!0,target:"_blank",rel:"noopener noreferrer",children:n});default:return s.jsx(s.Fragment,{children:n})}}function we({style:t,variant:a="noImage",metricValue:n,eyebrow:r,title:i,description:_,image:c,icon:g,callToAction:o,onHover:h,onLeave:v,gridArea:u,styleOptions:N,renderImage:w,renderRichText:l}){const{mode:x}=U.useTheme(),y=S.useMediaQuery("(max-width: 767px)"),k=$.useStyleClasses(N),L=q.resolveLinkURL(o),m=d.resolveImageUrl(c,x),f=d.resolveAltText(c,x),j=d.resolveImageStyle(c,y),C=(c==null?void 0:c.layout)==="cover",B=b[t??"image-top"]??b["image-top"],I=c&&m?s.jsx("div",{className:e.imageWrapper,children:w?w({src:m,alt:f,width:600,height:658,style:j}):s.jsx("img",{src:m,alt:f,width:600,height:658,style:j})}):null,M=!n&&!r&&!i&&!_,O=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${e.container} ${C?e.fullBleedImage:e.containImage}`,children:[a!=="image"&&!M&&s.jsxs("div",{className:e.content,children:[g&&s.jsx("div",{className:e.icon,children:s.jsx("i",{className:g})}),n&&s.jsx(ge,{value:n}),r&&(l==null?void 0:l({blocks:r,className:e.eyebrow})),i&&(l==null?void 0:l({blocks:i,className:e.title})),_&&(l==null?void 0:l({blocks:_,className:e.description}))]}),I]}),(o==null?void 0:o.videoUrl)&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(P.Play,{size:45})})]}),(o==null?void 0:o.type)==="link"&&s.jsxs("div",{className:e.callToAction,children:[s.jsx("div",{className:e.label,children:o.label}),s.jsx("div",{className:e.cardIcon,children:s.jsx(F.ArrowRight,{size:45})})]})]});return s.jsx("div",{className:[k,e.card,B,e[a]??""].filter(Boolean).join(" "),onMouseEnter:h,onMouseLeave:v,style:u&&!y?{gridArea:u}:{},children:s.jsx(ue,{callToAction:o,resolvedUrl:L,children:O})})}exports.GridCard=we;

package/dist/next/cards/GridCard/index.mjs

@@ -4,11 +4,10 @@ import { resolveLinkURL as P } from "../../utils/resolveLinkUrl.mjs";
 import { useMediaQuery as U } from "../../hooks/useMediaQuery.mjs";
 import { useStyleClasses as W } from "../../hooks/useStyleClasses.mjs";
 import { useTheme as j } from "../../../core/context/ThemeContext.mjs";
-import "@fortawesome/fontawesome-free/css/all.min.css";
 import { resolveImageUrl as z, resolveAltText as F, resolveImageStyle as D } from "../../utils/mediaUtils.mjs";
 import { P as E } from "../../../play-DYgKiSaf.js";
 import { A as G } from "../../../arrow-right-QEwnX3Sk.js";
-import '../../../assets/index27.css';const Q = "_cardLink_16ew5_1", Y = "_card_16ew5_1", q = "_container_16ew5_21", H = "_content_16ew5_31", J = "_icon_16ew5_38", K = "_modalTrigger_16ew5_60", X = "_callToAction_16ew5_65", Z = "_label_16ew5_66", V = "_cardIcon_16ew5_71", R = "_title_16ew5_78", A = "_description_16ew5_101", T = "_imageWrapper_16ew5_116", ee = "_metric_16ew5_205", te = "_outerCircle_16ew5_222", ae = "_innerCircle_16ew5_227", se = "_metricLabel_16ew5_233", re = "_textOnly_16ew5_241", ne = "_imageOnly_16ew5_278", oe = "_fullBleed_16ew5_303", ie = "_imageTop_16ew5_344", le = "_imageBottom_16ew5_363", ce = "_imageLeft_16ew5_391", me = "_imageRight_16ew5_401", _e = "_containImage_16ew5_459", de = "_fullBleedImage_16ew5_467", ge = "_image_16ew5_116", fe = "_eyebrow_16ew5_563", we = "_cta_16ew5_575", pe = "_secondary_16ew5_576", e = {
+import '../../../assets/index27.css';const Q = "_cardLink_16ew5_1", Y = "_card_16ew5_1", q = "_container_16ew5_21", H = "_content_16ew5_31", J = "_icon_16ew5_38", K = "_modalTrigger_16ew5_60", X = "_callToAction_16ew5_65", Z = "_label_16ew5_66", V = "_cardIcon_16ew5_71", R = "_title_16ew5_78", A = "_description_16ew5_101", T = "_imageWrapper_16ew5_116", ee = "_metric_16ew5_205", te = "_outerCircle_16ew5_222", ae = "_innerCircle_16ew5_227", se = "_metricLabel_16ew5_233", re = "_textOnly_16ew5_241", ne = "_imageOnly_16ew5_278", oe = "_fullBleed_16ew5_303", le = "_imageTop_16ew5_344", ie = "_imageBottom_16ew5_363", ce = "_imageLeft_16ew5_391", me = "_imageRight_16ew5_401", _e = "_containImage_16ew5_459", de = "_fullBleedImage_16ew5_467", ge = "_image_16ew5_116", fe = "_eyebrow_16ew5_563", we = "_cta_16ew5_575", ue = "_secondary_16ew5_576", e = {
   cardLink: Q,
   card: Y,
   container: q,
@@ -28,8 +27,8 @@ import '../../../assets/index27.css';const Q = "_cardLink_16ew5_1", Y = "_card_1
   textOnly: re,
   imageOnly: ne,
   fullBleed: oe,
-  imageTop: ie,
-  imageBottom: le,
+  imageTop: le,
+  imageBottom: ie,
   imageLeft: ce,
   imageRight: me,
   containImage: _e,
@@ -37,7 +36,7 @@ import '../../../assets/index27.css';const Q = "_cardLink_16ew5_1", Y = "_card_1
   image: ge,
   eyebrow: fe,
   cta: we,
-  secondary: pe
+  secondary: ue
 }, v = {
   "full-bleed": e.fullBleed,
   text: e.textOnly,
@@ -48,9 +47,9 @@ import '../../../assets/index27.css';const Q = "_cardLink_16ew5_1", Y = "_card_1
   "image-bottom": e.imageBottom,
   "image-only": e.imageOnly
 };
-function ue({ value: a }) {
+function pe({ value: a }) {
   if (!a.includes("%")) return /* @__PURE__ */ t("div", { className: e.metric });
-  const s = 125, r = (s - 10) / 2, n = 2 * Math.PI * r, l = n - parseFloat(a) / 100 * n;
+  const s = 125, r = (s - 10) / 2, n = 2 * Math.PI * r, i = n - parseFloat(a) / 100 * n;
   return /* @__PURE__ */ m("svg", { width: s, height: s, viewBox: `0 0 ${s} ${s}`, children: [
     /* @__PURE__ */ t(
       "circle",
@@ -71,7 +70,7 @@ function ue({ value: a }) {
         r,
         fill: "none",
         strokeDasharray: n,
-        strokeDashoffset: l,
+        strokeDashoffset: i,
         strokeLinecap: "round",
         transform: `rotate(-90 ${s / 2} ${s / 2})`
       }
@@ -94,7 +93,7 @@ function ye({
   resolvedUrl: s,
   children: r
 }) {
-  var n, l;
+  var n, i;
   switch (a == null ? void 0 : a.type) {
     case "link":
       return /* @__PURE__ */ t(
@@ -104,7 +103,7 @@ function ye({
           "aria-label": a.ariaLabel || a.label,
           href: s,
           target: ((n = a.linkOptions) == null ? void 0 : n.linkType) === "external" ? "_blank" : "_self",
-          rel: ((l = a.linkOptions) == null ? void 0 : l.linkType) === "external" ? "noopener noreferrer" : "",
+          rel: ((i = a.linkOptions) == null ? void 0 : i.linkType) === "external" ? "noopener noreferrer" : "",
           children: r
         }
       );
@@ -143,12 +142,12 @@ function ye({
       return /* @__PURE__ */ t(h, { children: r });
   }
 }
-function Me({
+function Oe({
   style: a,
   variant: s = "noImage",
   metricValue: r,
   eyebrow: n,
-  title: l,
+  title: i,
   description: _,
   image: c,
   icon: g,
@@ -158,9 +157,9 @@ function Me({
   gridArea: f,
   styleOptions: B,
   renderImage: w,
-  renderRichText: i
+  renderRichText: l
 }) {
-  const { mode: p } = j(), u = U("(max-width: 767px)"), I = W(B), C = P(o), d = z(c, p), y = F(c, p), b = D(c, u), O = (c == null ? void 0 : c.layout) === "cover", M = v[a ?? "image-top"] ?? v["image-top"], x = c && d ? /* @__PURE__ */ t("div", { className: e.imageWrapper, children: w ? w({
+  const { mode: u } = j(), p = U("(max-width: 767px)"), I = W(B), C = P(o), d = z(c, u), y = F(c, u), b = D(c, p), O = (c == null ? void 0 : c.layout) === "cover", M = v[a ?? "image-top"] ?? v["image-top"], x = c && d ? /* @__PURE__ */ t("div", { className: e.imageWrapper, children: w ? w({
     src: d,
     alt: y,
     width: 600,
@@ -175,7 +174,7 @@ function Me({
       height: 658,
       style: b
     }
-  ) }) : null, S = !r && !n && !l && !_, $ = /* @__PURE__ */ m(h, { children: [
+  ) }) : null, S = !r && !n && !i && !_, $ = /* @__PURE__ */ m(h, { children: [
     /* @__PURE__ */ m(
       "div",
       {
@@ -183,10 +182,10 @@ function Me({
         children: [
           s !== "image" && !S && /* @__PURE__ */ m("div", { className: e.content, children: [
             g && /* @__PURE__ */ t("div", { className: e.icon, children: /* @__PURE__ */ t("i", { className: g }) }),
-            r && /* @__PURE__ */ t(ue, { value: r }),
-            n && (i == null ? void 0 : i({ blocks: n, className: e.eyebrow })),
-            l && (i == null ? void 0 : i({ blocks: l, className: e.title })),
-            _ && (i == null ? void 0 : i({
+            r && /* @__PURE__ */ t(pe, { value: r }),
+            n && (l == null ? void 0 : l({ blocks: n, className: e.eyebrow })),
+            i && (l == null ? void 0 : l({ blocks: i, className: e.title })),
+            _ && (l == null ? void 0 : l({
               blocks: _,
               className: e.description
             }))
@@ -215,11 +214,11 @@ function Me({
       ].filter(Boolean).join(" "),
       onMouseEnter: k,
       onMouseLeave: L,
-      style: f && !u ? { gridArea: f } : {},
+      style: f && !p ? { gridArea: f } : {},
       children: /* @__PURE__ */ t(ye, { callToAction: o, resolvedUrl: C, children: $ })
     }
   );
 }
 export {
-  Me as GridCard
+  Oe as GridCard
 };

package/package.json

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