quirk-ui 0.1.113 → 0.1.115

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-D0ylyll7.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-CAS0iFfs.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;

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

@@ -2,7 +2,7 @@ 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-CnlJ2RgH.js";
+import { B as a } from "../../../index-Cahn_yoK.js";
 import { Modal as R } from "../../../core/components/Modal/index.mjs";
 import { resolveLinkURL as B } from "../../utils/resolveLinkUrl.mjs";
 import { useTheme as G } from "../../../core/context/ThemeContext.mjs";

package/dist/styles.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tokens.css.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

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

package/dist/NavLink-CaWX-AXn.js

@@ -1,159 +0,0 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { useRef as g, useEffect as h } from "react";
-import { E as k } from "./external-link-BOPobeQJ.js";
-import { C as v } from "./chevron-down-DSUzBz9F.js";
-import './NavLink.css';const f = "_navbar_1dwl0_1", C = "_sticky_1dwl0_15", I = "_left_1dwl0_31", M = "_container_1dwl0_32", y = "_logo_1dwl0_36", T = "_nav_1dwl0_1", N = "_center_1dwl0_51", S = "_hidden_1dwl0_59", W = "_visible_1dwl0_66", x = "_right_1dwl0_81", E = "_title_1dwl0_88", D = "_linkWrapper_1dwl0_98", $ = "_parent_1dwl0_98", F = "_linkItem_1dwl0_105", L = "_link_1dwl0_98", B = "_search_1dwl0_111", R = "_locale_1dwl0_112", j = "_themeToggle_1dwl0_113", z = "_sublinkToggle_1dwl0_114", q = "_standard_1dwl0_165", A = "_triangle_1dwl0_173", G = "_twoColumn_1dwl0_202", H = "_mobileButtons_1dwl0_211", J = "_menuToggle_1dwl0_289", K = "_utilityMobile_1dwl0_307", Q = "_utility_1dwl0_307", U = "_navInner_1dwl0_335", V = "_grid_1dwl0_346", X = "_searchModal_1dwl0_369", Y = "_localeModal_1dwl0_370", Z = "_separator_1dwl0_390", O = "_newTabIcon_1dwl0_432", P = "_sublinksDescription_1dwl0_445", nn = "_linkContent_1dwl0_448", en = "_open_1dwl0_461", ln = "_back_1dwl0_485", on = "_sublinks_1dwl0_445", tn = "_show_1dwl0_534", sn = "_primaryColumn_1dwl0_583", _n = "_secondaryColumn_1dwl0_592", rn = "_spotlightColumn_1dwl0_596", an = "_sublinksInner_1dwl0_600", cn = "_sublinksColumn_1dwl0_619", dn = "_chevron_1dwl0_629", un = "_menubar_1dwl0_641", wn = "_toolbar_1dwl0_645", mn = "_advanced_1dwl0_846", bn = "_subtitle_1dwl0_855", pn = "_withSpotlight_1dwl0_897", gn = "_withoutSpotlight_1dwl0_901", hn = "_transparent_1dwl0_939", kn = "_groupDivider_1dwl0_1071", vn = "_searchWrapper_1dwl0_1079", fn = "_mobileMenu_1dwl0_1086", Cn = "_mobileMenuSlide_1dwl0_1087", In = "_mobileMenuItem_1dwl0_1097", Mn = "_fadeInFromLeft_1dwl0_1101", yn = "_fadeInFromRight_1dwl0_1105", Tn = "_spotlight_1dwl0_596", Nn = "_imageWrapper_1dwl0_1115", Sn = "_content_1dwl0_1137", Wn = "_description_1dwl0_1152", xn = "_actions_1dwl0_1156", e = {
-  navbar: f,
-  sticky: C,
-  left: I,
-  container: M,
-  logo: y,
-  nav: T,
-  center: N,
-  hidden: S,
-  visible: W,
-  right: x,
-  title: E,
-  linkWrapper: D,
-  parent: $,
-  linkItem: F,
-  link: L,
-  search: B,
-  locale: R,
-  themeToggle: j,
-  sublinkToggle: z,
-  standard: q,
-  triangle: A,
-  twoColumn: G,
-  mobileButtons: H,
-  menuToggle: J,
-  utilityMobile: K,
-  utility: Q,
-  navInner: U,
-  grid: V,
-  searchModal: X,
-  localeModal: Y,
-  separator: Z,
-  newTabIcon: O,
-  sublinksDescription: P,
-  linkContent: nn,
-  open: en,
-  back: ln,
-  sublinks: on,
-  show: tn,
-  primaryColumn: sn,
-  secondaryColumn: _n,
-  spotlightColumn: rn,
-  sublinksInner: an,
-  sublinksColumn: cn,
-  chevron: dn,
-  menubar: un,
-  toolbar: wn,
-  default: "_default_1dwl0_773",
-  advanced: mn,
-  subtitle: bn,
-  withSpotlight: pn,
-  withoutSpotlight: gn,
-  transparent: hn,
-  groupDivider: kn,
-  searchWrapper: vn,
-  mobileMenu: fn,
-  mobileMenuSlide: Cn,
-  mobileMenuItem: In,
-  fadeInFromLeft: Mn,
-  fadeInFromRight: yn,
-  spotlight: Tn,
-  imageWrapper: Nn,
-  content: Sn,
-  description: Wn,
-  actions: xn
-};
-function Ln({
-  link: n,
-  path: l,
-  parentPath: a,
-  openPath: m,
-  togglePath: c,
-  updateTriangleIndicator: b,
-  setOpenPath: s,
-  renderLinks: p,
-  buttonRefs: _
-}) {
-  var u;
-  const i = m === l, t = !!((u = n.sublinks) != null && u.length), d = g(null);
-  return h(() => (_.current.set(l, d.current), () => {
-    _.current.delete(l);
-  }), [l, _]), /* @__PURE__ */ r(
-    "div",
-    {
-      role: "menuitem",
-      className: `${e.linkWrapper} ${a ? "" : e.parent}`,
-      children: [
-        /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ r(
-          "a",
-          {
-            href: n.href,
-            className: e.link,
-            target: n.isExternal ? "_blank" : "_self",
-            rel: n.isExternal ? "noopener noreferrer" : void 0,
-            onClick: () => {
-              var w;
-              s(null), (w = n.onClick) == null || w.call(n);
-            },
-            onMouseEnter: () => {
-              a || s(null);
-            },
-            children: [
-              n.label,
-              n.isExternal && /* @__PURE__ */ o(
-                k,
-                {
-                  className: e.newTabIcon,
-                  size: 16,
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          }
-        ) : /* @__PURE__ */ r(
-          "button",
-          {
-            ref: d,
-            "aria-haspopup": t ? !0 : void 0,
-            "aria-expanded": t ? i : void 0,
-            className: `${e.sublinkToggle} ${i ? e.open : ""}`,
-            onClick: () => c(l),
-            onMouseEnter: () => {
-              b(l), s(l);
-            },
-            children: [
-              n.label,
-              t && /* @__PURE__ */ o(
-                v,
-                {
-                  size: 18,
-                  className: e.chevron,
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          }
-        ) }),
-        t && /* @__PURE__ */ o(
-          "div",
-          {
-            className: `${e.sublinks} ${i ? e.show : ""}`,
-            onMouseLeave: () => c(l),
-            role: "menu",
-            "aria-label": `${n.label} submenu`,
-            children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: e.sublinksInner, children: /* @__PURE__ */ o("div", { className: e.sublinksColumn, children: p(n.sublinks, l) }) }) })
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Ln as N,
-  e as s
-};

package/dist/NavLink-jxzO9Z90.cjs

@@ -1 +0,0 @@
-"use strict";require('./NavLink.css');const l=require("react/jsx-runtime"),w=require("react"),h=require("./external-link-DDShu-48.cjs"),p=require("./chevron-down-DfK1XBl3.cjs"),k="_navbar_1dwl0_1",v="_sticky_1dwl0_15",f="_left_1dwl0_31",I="_container_1dwl0_32",C="_logo_1dwl0_36",M="_nav_1dwl0_1",y="_center_1dwl0_51",x="_hidden_1dwl0_59",T="_visible_1dwl0_66",N="_right_1dwl0_81",j="_title_1dwl0_88",S="_linkWrapper_1dwl0_98",W="_parent_1dwl0_98",$="_linkItem_1dwl0_105",D="_link_1dwl0_98",L="_search_1dwl0_111",E="_locale_1dwl0_112",F="_themeToggle_1dwl0_113",q="_sublinkToggle_1dwl0_114",R="_standard_1dwl0_165",B="_triangle_1dwl0_173",z="_twoColumn_1dwl0_202",A="_mobileButtons_1dwl0_211",G="_menuToggle_1dwl0_289",H="_utilityMobile_1dwl0_307",J="_utility_1dwl0_307",K="_navInner_1dwl0_335",Q="_grid_1dwl0_346",U="_searchModal_1dwl0_369",V="_localeModal_1dwl0_370",X="_separator_1dwl0_390",Y="_newTabIcon_1dwl0_432",Z="_sublinksDescription_1dwl0_445",O="_linkContent_1dwl0_448",P="_open_1dwl0_461",nn="_back_1dwl0_485",en="_sublinks_1dwl0_445",ln="_show_1dwl0_534",on="_primaryColumn_1dwl0_583",tn="_secondaryColumn_1dwl0_592",sn="_spotlightColumn_1dwl0_596",_n="_sublinksInner_1dwl0_600",rn="_sublinksColumn_1dwl0_619",cn="_chevron_1dwl0_629",an="_menubar_1dwl0_641",dn="_toolbar_1dwl0_645",un="_advanced_1dwl0_846",wn="_subtitle_1dwl0_855",mn="_withSpotlight_1dwl0_897",bn="_withoutSpotlight_1dwl0_901",gn="_transparent_1dwl0_939",hn="_groupDivider_1dwl0_1071",pn="_searchWrapper_1dwl0_1079",kn="_mobileMenu_1dwl0_1086",vn="_mobileMenuSlide_1dwl0_1087",fn="_mobileMenuItem_1dwl0_1097",In="_fadeInFromLeft_1dwl0_1101",Cn="_fadeInFromRight_1dwl0_1105",Mn="_spotlight_1dwl0_596",yn="_imageWrapper_1dwl0_1115",xn="_content_1dwl0_1137",Tn="_description_1dwl0_1152",Nn="_actions_1dwl0_1156",e={navbar:k,sticky:v,left:f,container:I,logo:C,nav:M,center:y,hidden:x,visible:T,right:N,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:nn,sublinks:en,show:ln,primaryColumn:on,secondaryColumn:tn,spotlightColumn:sn,sublinksInner:_n,sublinksColumn:rn,chevron:cn,menubar:an,toolbar:dn,default:"_default_1dwl0_773",advanced:un,subtitle:wn,withSpotlight:mn,withoutSpotlight:bn,transparent:gn,groupDivider:hn,searchWrapper:pn,mobileMenu:kn,mobileMenuSlide:vn,mobileMenuItem:fn,fadeInFromLeft:In,fadeInFromRight:Cn,spotlight:Mn,imageWrapper:yn,content:xn,description:Tn,actions:Nn};function jn({link:n,path:o,parentPath:r,openPath:m,togglePath:c,updateTriangleIndicator:b,setOpenPath:s,renderLinks:g,buttonRefs:_}){var d;const i=m===o,t=!!((d=n.sublinks)!=null&&d.length),a=w.useRef(null);return w.useEffect(()=>(_.current.set(o,a.current),()=>{_.current.delete(o)}),[o,_]),l.jsxs("div",{role:"menuitem",className:`${e.linkWrapper} ${r?"":e.parent}`,children:[l.jsx("div",{className:e.linkItem,children:n.href?l.jsxs("a",{href:n.href,className:e.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;s(null),(u=n.onClick)==null||u.call(n)},onMouseEnter:()=>{r||s(null)},children:[n.label,n.isExternal&&l.jsx(h.ExternalLink,{className:e.newTabIcon,size:16,"aria-hidden":"true"})]}):l.jsxs("button",{ref:a,"aria-haspopup":t?!0:void 0,"aria-expanded":t?i:void 0,className:`${e.sublinkToggle} ${i?e.open:""}`,onClick:()=>c(o),onMouseEnter:()=>{b(o),s(o)},children:[n.label,t&&l.jsx(p.ChevronDown,{size:18,className:e.chevron,"aria-hidden":"true"})]})}),t&&l.jsx("div",{className:`${e.sublinks} ${i?e.show:""}`,onMouseLeave:()=>c(o),role:"menu","aria-label":`${n.label} submenu`,children:l.jsx("div",{children:l.jsx("div",{className:e.sublinksInner,children:l.jsx("div",{className:e.sublinksColumn,children:g(n.sublinks,o)})})})})]})}exports.NavLink=jn;exports.styles=e;