quirk-ui 0.1.144 → 0.1.145

package/dist/next/blocks/ContentBlock/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index6.css');const e=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),u=require("../../utils/mediaUtils.cjs"),z="_content_1mhfh_1",$="_container_1mhfh_7",L="_eyebrow_1mhfh_34",B="_metrics_1mhfh_38",C="_metric_1mhfh_38",q="_metricValue_1mhfh_54",M="_disclaimer_1mhfh_75",U="_layoutHImageRight_1mhfh_80",D="_heading_1mhfh_84",E="_media_1mhfh_89",Q="_noImage_1mhfh_99",Y="_layoutHImageLeft_1mhfh_103",F="_layoutVImageTop_1mhfh_122",G="_layoutVImageBottom_1mhfh_135",O="_text_1mhfh_154",P="_title_1mhfh_159",J="_cta_1mhfh_178",K="_headingHorizontal_1mhfh_186",X="_titleWrapper_1mhfh_195",Z="_headingVertical_1mhfh_216",A="_videoWrapper_1mhfh_237",R="_layoutSplitText_1mhfh_329",T="_additionalContent_1mhfh_344",t={content:z,container:$,eyebrow:L,metrics:B,metric:C,metricValue:q,disclaimer:M,layoutHImageRight:U,heading:D,media:E,noImage:Q,layoutHImageLeft:Y,layoutVImageTop:F,layoutVImageBottom:G,text:O,title:P,cta:J,headingHorizontal:K,titleWrapper:X,headingVertical:Z,videoWrapper:A,layoutSplitText:R,additionalContent:T},tt={"no-image":t.noImage,"split-text":t.layoutSplitText,"horizontal-image-right":t.layoutHImageRight,"horizontal-image-left":t.layoutHImageLeft,"vertical-image-top":t.layoutVImageTop,"vertical-image-bottom":t.layoutVImageBottom},st={horizontal:t.headingHorizontal,vertical:t.headingVertical};function et(s,i,n){const o=s.includes("vimeo.com"),m=s.includes("youtube.com")||s.includes("youtu.be");return o||m?e.jsx("div",{style:{maxWidth:n??"unset",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("iframe",{src:o?`${s}?autoplay=0&muted=0&loop=0`:`${s}?autoplay=0&mute=0&loop=0`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):e.jsx("div",{style:{maxWidth:n??"unset",width:"100%",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("video",{src:s,controls:!0,poster:i})})})}function ot({metrics:s,renderRichText:i}){return e.jsx("div",{className:t.metrics,children:s.map(n=>e.jsxs("div",{className:t.metric,children:[e.jsx("div",{className:t.metricValue,children:n.metricValue}),n.metricDescription&&(i==null?void 0:i({blocks:n.metricDescription}))]},n._key))})}function at({layout:s,heading:i,additionalContent:n,image:o,video:m,metrics:h,callToAction:l,disclaimer:p,styleOptions:c,id:N,renderImage:g,renderRichText:a,renderCallToAction:r}){var b;const{mode:d}=H.useTheme(),V=k.useStyleClasses(c),j=W.useMediaQuery("(max-width: 768px)")??!1,_=u.resolveImageUrl(o,d),f=u.resolveAltText(o,d),y=u.resolveImageStyle(o,j),x=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],w=st[i.headingLayout??"horizontal"],S={"--container-max-width":(c==null?void 0:c.maxWidth)??"unset","--gap":s==null?void 0:s.gap,"--max-width":(o==null?void 0:o.sizing)==="inset"?o==null?void 0:o.maxWidth:"unset"},I=(s==null?void 0:s.orientation)==="split-text",v=!I&&(s==null?void 0:s.orientation)!=="no-image";return e.jsx("section",{id:N,className:`${V} ${t.content}`,children:e.jsxs("article",{className:`${t.container} ${x}`,style:S,children:[e.jsxs("div",{className:`${t.heading} ${w}`,children:[e.jsxs("div",{className:t.titleWrapper,children:[i.eyebrow&&(a==null?void 0:a({blocks:i.eyebrow,className:t.eyebrow})),i.title&&(a==null?void 0:a({blocks:i.title,className:t.title}))]}),i.description||(b=l==null?void 0:l.items)!=null&&b.length?e.jsxs("div",{className:t.text,children:[i.description&&(a==null?void 0:a({blocks:i.description})),h&&h.length>0&&e.jsx(ot,{metrics:h,renderRichText:a}),l&&(r==null?void 0:r({items:l.items,alignment:l.alignment,spacing:l.spacing,mobileOrientation:l.mobileOrientation,className:t.cta})),p&&(a==null?void 0:a({blocks:p,className:t.disclaimer}))]}):null]}),I&&n&&e.jsx("div",{className:t.additionalContent,children:a==null?void 0:a({blocks:n})}),v&&m?et(m,_,o==null?void 0:o.maxWidth):v&&o&&_?e.jsx("div",{className:t.media,children:g?g({src:_,alt:f,width:600,height:400,priority:!0,style:y}):e.jsx("img",{src:_,alt:f,width:600,height:400,style:{width:"100%",height:"auto",...y}})}):null]})})}exports.ContentBlock=at;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index6.css');const e=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),u=require("../../utils/mediaUtils.cjs"),z="_content_1mhfh_1",$="_container_1mhfh_7",L="_eyebrow_1mhfh_34",B="_metrics_1mhfh_38",C="_metric_1mhfh_38",q="_metricValue_1mhfh_54",M="_disclaimer_1mhfh_75",U="_layoutHImageRight_1mhfh_80",D="_heading_1mhfh_84",E="_media_1mhfh_89",Q="_noImage_1mhfh_99",Y="_layoutHImageLeft_1mhfh_103",F="_layoutVImageTop_1mhfh_122",G="_layoutVImageBottom_1mhfh_135",O="_text_1mhfh_154",P="_title_1mhfh_159",J="_cta_1mhfh_178",K="_headingHorizontal_1mhfh_186",X="_titleWrapper_1mhfh_195",Z="_headingVertical_1mhfh_216",A="_videoWrapper_1mhfh_237",R="_layoutSplitText_1mhfh_329",T="_additionalContent_1mhfh_344",t={content:z,container:$,eyebrow:L,metrics:B,metric:C,metricValue:q,disclaimer:M,layoutHImageRight:U,heading:D,media:E,noImage:Q,layoutHImageLeft:Y,layoutVImageTop:F,layoutVImageBottom:G,text:O,title:P,cta:J,headingHorizontal:K,titleWrapper:X,headingVertical:Z,videoWrapper:A,layoutSplitText:R,additionalContent:T},tt={"no-image":t.noImage,"split-text":t.layoutSplitText,"horizontal-image-right":t.layoutHImageRight,"horizontal-image-left":t.layoutHImageLeft,"vertical-image-top":t.layoutVImageTop,"vertical-image-bottom":t.layoutVImageBottom},st={horizontal:t.headingHorizontal,vertical:t.headingVertical};function et(s,o,l){const a=s.includes("vimeo.com"),m=s.includes("youtube.com")||s.includes("youtu.be");return a||m?e.jsx("div",{style:{maxWidth:l??"unset",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("iframe",{src:a?`${s}?autoplay=0&muted=0&loop=0`:`${s}?autoplay=0&mute=0&loop=0`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):e.jsx("div",{style:{maxWidth:l??"unset",width:"100%",flex:.65},children:e.jsx("div",{className:t.videoWrapper,children:e.jsx("video",{src:s,controls:!0,poster:o})})})}function ot({metrics:s,renderRichText:o}){return e.jsx("div",{className:t.metrics,children:s.map(l=>e.jsxs("div",{className:t.metric,children:[e.jsx("div",{className:t.metricValue,children:l.metricValue}),l.metricDescription&&(o==null?void 0:o({blocks:l.metricDescription}))]},l._key))})}function at({layout:s,heading:o,additionalContent:l,image:a,video:m,metrics:h,callToAction:n,disclaimer:p,styleOptions:c,id:N,renderImage:f,renderRichText:i,renderCallToAction:r}){var v;const{mode:g}=H.useTheme(),V=k.useStyleClasses(c),j=W.useMediaQuery("(max-width: 768px)")??!1,_=u.resolveImageUrl(a,g),d=u.resolveAltText(a,g),y=u.resolveImageStyle(a,j),w=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],x=st[o.headingLayout??"horizontal"],S={"--container-max-width":(c==null?void 0:c.maxWidth)??"unset","--gap":s==null?void 0:s.gap,"--max-width":(a==null?void 0:a.sizing)==="inset"?a==null?void 0:a.maxWidth:"unset"},I=(s==null?void 0:s.orientation)==="split-text",b=!I&&(s==null?void 0:s.orientation)!=="no-image";return e.jsx("section",{id:N,className:`${V} ${t.content}`,children:e.jsxs("article",{className:`${t.container} ${w}`,style:S,children:[e.jsxs("div",{className:`${t.heading} ${x}`,children:[(o.title||o.eyebrow)&&e.jsxs("div",{className:t.titleWrapper,children:[o.eyebrow&&(i==null?void 0:i({blocks:o.eyebrow,className:t.eyebrow})),o.title&&(i==null?void 0:i({blocks:o.title,className:t.title}))]}),o.description||(v=n==null?void 0:n.items)!=null&&v.length?e.jsxs("div",{className:t.text,children:[o.description&&(i==null?void 0:i({blocks:o.description})),h&&h.length>0&&e.jsx(ot,{metrics:h,renderRichText:i}),n&&(r==null?void 0:r({items:n.items,alignment:n.alignment,spacing:n.spacing,mobileOrientation:n.mobileOrientation,className:t.cta})),p&&(i==null?void 0:i({blocks:p,className:t.disclaimer}))]}):null]}),I&&l&&e.jsx("div",{className:t.additionalContent,children:i==null?void 0:i({blocks:l})}),b&&m?et(m,_,a==null?void 0:a.maxWidth):b&&a&&_?e.jsx("div",{className:t.media,children:f?f({src:_,alt:d,width:600,height:400,priority:!0,style:y}):e.jsx("img",{src:_,alt:d,width:600,height:400,style:{width:"100%",height:"auto",...y}})}):null]})})}exports.ContentBlock=at;

package/dist/next/blocks/ContentBlock/index.mjs

@@ -3,7 +3,7 @@ import { useStyleClasses as k } from "../../hooks/useStyleClasses.mjs";
 import { useTheme as z } from "../../../core/context/ThemeContext.mjs";
 import { useMediaQuery as L } from "../../hooks/useMediaQuery.mjs";
 import { resolveImageUrl as $, resolveAltText as B, resolveImageStyle as C } from "../../utils/mediaUtils.mjs";
-import '../../../index6.css';const M = "_content_1mhfh_1", D = "_container_1mhfh_7", U = "_eyebrow_1mhfh_34", j = "_metrics_1mhfh_38", E = "_metric_1mhfh_38", Y = "_metricValue_1mhfh_54", F = "_disclaimer_1mhfh_75", G = "_layoutHImageRight_1mhfh_80", Q = "_heading_1mhfh_84", q = "_media_1mhfh_89", J = "_noImage_1mhfh_99", K = "_layoutHImageLeft_1mhfh_103", O = "_layoutVImageTop_1mhfh_122", P = "_layoutVImageBottom_1mhfh_135", X = "_text_1mhfh_154", Z = "_title_1mhfh_159", x = "_cta_1mhfh_178", A = "_headingHorizontal_1mhfh_186", R = "_titleWrapper_1mhfh_195", T = "_headingVertical_1mhfh_216", tt = "_videoWrapper_1mhfh_237", ot = "_layoutSplitText_1mhfh_329", at = "_additionalContent_1mhfh_344", t = {
+import '../../../index6.css';const M = "_content_1mhfh_1", D = "_container_1mhfh_7", U = "_eyebrow_1mhfh_34", j = "_metrics_1mhfh_38", E = "_metric_1mhfh_38", Y = "_metricValue_1mhfh_54", F = "_disclaimer_1mhfh_75", G = "_layoutHImageRight_1mhfh_80", Q = "_heading_1mhfh_84", q = "_media_1mhfh_89", J = "_noImage_1mhfh_99", K = "_layoutHImageLeft_1mhfh_103", O = "_layoutVImageTop_1mhfh_122", P = "_layoutVImageBottom_1mhfh_135", X = "_text_1mhfh_154", Z = "_title_1mhfh_159", x = "_cta_1mhfh_178", A = "_headingHorizontal_1mhfh_186", R = "_titleWrapper_1mhfh_195", T = "_headingVertical_1mhfh_216", tt = "_videoWrapper_1mhfh_237", ot = "_layoutSplitText_1mhfh_329", st = "_additionalContent_1mhfh_344", t = {
   content: M,
   container: D,
   eyebrow: U,
@@ -26,8 +26,8 @@ import '../../../index6.css';const M = "_content_1mhfh_1", D = "_container_1mhfh
   headingVertical: T,
   videoWrapper: tt,
   layoutSplitText: ot,
-  additionalContent: at
-}, st = {
+  additionalContent: st
+}, at = {
   "no-image": t.noImage,
   "split-text": t.layoutSplitText,
   "horizontal-image-right": t.layoutHImageRight,
@@ -38,88 +38,88 @@ import '../../../index6.css';const M = "_content_1mhfh_1", D = "_container_1mhfh
   horizontal: t.headingHorizontal,
   vertical: t.headingVertical
 };
-function it(o, e, m) {
+function it(o, s, l) {
   const a = o.includes("vimeo.com"), c = o.includes("youtube.com") || o.includes("youtu.be");
-  return a || c ? /* @__PURE__ */ i("div", { style: { maxWidth: m ?? "unset", flex: 0.65 }, children: /* @__PURE__ */ i("div", { className: t.videoWrapper, children: /* @__PURE__ */ i(
+  return a || c ? /* @__PURE__ */ i("div", { style: { maxWidth: l ?? "unset", flex: 0.65 }, children: /* @__PURE__ */ i("div", { className: t.videoWrapper, children: /* @__PURE__ */ i(
     "iframe",
     {
       src: a ? `${o}?autoplay=0&muted=0&loop=0` : `${o}?autoplay=0&mute=0&loop=0`,
       allow: "autoplay; fullscreen",
       allowFullScreen: !0
     }
-  ) }) }) : /* @__PURE__ */ i("div", { style: { maxWidth: m ?? "unset", width: "100%", flex: 0.65 }, children: /* @__PURE__ */ i("div", { className: t.videoWrapper, children: /* @__PURE__ */ i("video", { src: o, controls: !0, poster: e }) }) });
+  ) }) }) : /* @__PURE__ */ i("div", { style: { maxWidth: l ?? "unset", width: "100%", flex: 0.65 }, children: /* @__PURE__ */ i("div", { className: t.videoWrapper, children: /* @__PURE__ */ i("video", { src: o, controls: !0, poster: s }) }) });
 }
-function mt({
+function lt({
   metrics: o,
-  renderRichText: e
+  renderRichText: s
 }) {
-  return /* @__PURE__ */ i("div", { className: t.metrics, children: o.map((m) => /* @__PURE__ */ n("div", { className: t.metric, children: [
-    /* @__PURE__ */ i("div", { className: t.metricValue, children: m.metricValue }),
-    m.metricDescription && (e == null ? void 0 : e({ blocks: m.metricDescription }))
-  ] }, m._key)) });
+  return /* @__PURE__ */ i("div", { className: t.metrics, children: o.map((l) => /* @__PURE__ */ n("div", { className: t.metric, children: [
+    /* @__PURE__ */ i("div", { className: t.metricValue, children: l.metricValue }),
+    l.metricDescription && (s == null ? void 0 : s({ blocks: l.metricDescription }))
+  ] }, l._key)) });
 }
 function rt({
   layout: o,
-  heading: e,
-  additionalContent: m,
+  heading: s,
+  additionalContent: l,
   image: a,
   video: c,
   metrics: r,
-  callToAction: l,
+  callToAction: m,
   disclaimer: u,
   styleOptions: _,
-  id: V,
+  id: N,
   renderImage: f,
-  renderRichText: s,
+  renderRichText: e,
   renderCallToAction: p
 }) {
-  var N;
-  const { mode: g } = z(), b = k(_), w = L("(max-width: 768px)") ?? !1, h = $(a, g), d = B(a, g), I = C(a, w), H = st[(o == null ? void 0 : o.orientation) ?? "horizontal-image-right"], S = et[e.headingLayout ?? "horizontal"], W = {
+  var b;
+  const { mode: g } = z(), V = k(_), w = L("(max-width: 768px)") ?? !1, h = $(a, g), d = B(a, g), I = C(a, w), H = at[(o == null ? void 0 : o.orientation) ?? "horizontal-image-right"], S = et[s.headingLayout ?? "horizontal"], W = {
     "--container-max-width": (_ == null ? void 0 : _.maxWidth) ?? "unset",
     "--gap": o == null ? void 0 : o.gap,
     "--max-width": (a == null ? void 0 : a.sizing) === "inset" ? a == null ? void 0 : a.maxWidth : "unset"
-  }, v = (o == null ? void 0 : o.orientation) === "split-text", y = !v && (o == null ? void 0 : o.orientation) !== "no-image";
-  return /* @__PURE__ */ i("section", { id: V, className: `${b} ${t.content}`, children: /* @__PURE__ */ n(
+  }, y = (o == null ? void 0 : o.orientation) === "split-text", v = !y && (o == null ? void 0 : o.orientation) !== "no-image";
+  return /* @__PURE__ */ i("section", { id: N, className: `${V} ${t.content}`, children: /* @__PURE__ */ n(
     "article",
     {
       className: `${t.container} ${H}`,
       style: W,
       children: [
         /* @__PURE__ */ n("div", { className: `${t.heading} ${S}`, children: [
-          /* @__PURE__ */ n("div", { className: t.titleWrapper, children: [
-            e.eyebrow && (s == null ? void 0 : s({
-              blocks: e.eyebrow,
+          (s.title || s.eyebrow) && /* @__PURE__ */ n("div", { className: t.titleWrapper, children: [
+            s.eyebrow && (e == null ? void 0 : e({
+              blocks: s.eyebrow,
               className: t.eyebrow
             })),
-            e.title && (s == null ? void 0 : s({
-              blocks: e.title,
+            s.title && (e == null ? void 0 : e({
+              blocks: s.title,
               className: t.title
             }))
           ] }),
-          e.description || (N = l == null ? void 0 : l.items) != null && N.length ? /* @__PURE__ */ n("div", { className: t.text, children: [
-            e.description && (s == null ? void 0 : s({ blocks: e.description })),
+          s.description || (b = m == null ? void 0 : m.items) != null && b.length ? /* @__PURE__ */ n("div", { className: t.text, children: [
+            s.description && (e == null ? void 0 : e({ blocks: s.description })),
             r && r.length > 0 && /* @__PURE__ */ i(
-              mt,
+              lt,
               {
                 metrics: r,
-                renderRichText: s
+                renderRichText: e
               }
             ),
-            l && (p == null ? void 0 : p({
-              items: l.items,
-              alignment: l.alignment,
-              spacing: l.spacing,
-              mobileOrientation: l.mobileOrientation,
+            m && (p == null ? void 0 : p({
+              items: m.items,
+              alignment: m.alignment,
+              spacing: m.spacing,
+              mobileOrientation: m.mobileOrientation,
               className: t.cta
             })),
-            u && (s == null ? void 0 : s({
+            u && (e == null ? void 0 : e({
               blocks: u,
               className: t.disclaimer
             }))
           ] }) : null
         ] }),
-        v && m && /* @__PURE__ */ i("div", { className: t.additionalContent, children: s == null ? void 0 : s({ blocks: m }) }),
-        y && c ? it(c, h, a == null ? void 0 : a.maxWidth) : y && a && h ? /* @__PURE__ */ i("div", { className: t.media, children: f ? f({
+        y && l && /* @__PURE__ */ i("div", { className: t.additionalContent, children: e == null ? void 0 : e({ blocks: l }) }),
+        v && c ? it(c, h, a == null ? void 0 : a.maxWidth) : v && a && h ? /* @__PURE__ */ i("div", { className: t.media, children: f ? f({
           src: h,
           alt: d,
           width: 600,

package/package.json

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