quirk-ui 0.1.178 → 0.1.180
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/components/Footer/index.cjs +1 -1
- package/dist/core/components/Footer/index.mjs +60 -60
- package/dist/index11.css +1 -1
- package/dist/index52.css +1 -1
- package/dist/next/ui/PortableTextRenderer/index.cjs +1 -1
- package/dist/next/ui/PortableTextRenderer/index.mjs +74 -74
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index52.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index52.css');const e=require("react/jsx-runtime"),k=require("../../../index-0SVQqhAg.cjs"),$=require("../ButtonGroup/index.cjs"),a=require("../../../index-CBK5rp6X.cjs"),F=require("../../../external-link-DDShu-48.cjs"),I="_footer_rb1sm_1",S="_container_rb1sm_10",q="_primaryNav_rb1sm_24",w="_secondaryNav_rb1sm_35",L="_details_rb1sm_72",A="_nav_rb1sm_86",B="_logo_rb1sm_94",E="_socialItems_rb1sm_109",C="_group_rb1sm_116",M="_groups_rb1sm_126",z="_groupTitle_rb1sm_137",G="_sublinks_rb1sm_146",Y="_link_rb1sm_154",O="_newTabIcon_rb1sm_172",P="_bottom_rb1sm_186",U="_left_rb1sm_197",D="_center_rb1sm_217",H="_right_rb1sm_247",s={footer:I,container:S,primaryNav:q,secondaryNav:w,details:L,nav:A,logo:B,socialItems:E,group:C,groups:M,groupTitle:z,sublinks:G,link:Y,newTabIcon:O,bottom:P,left:U,center:D,right:H},J={Facebook:a.FaFacebook,Twitter:a.FaTwitter,LinkedIn:a.FaLinkedin,Instagram:a.FaInstagram,YouTube:a.FaYoutube},K={left:s.left,center:s.center,right:s.right};function Q({logo:d,items:b,primaryInfo:m,secondaryInfo:u,utilityItems:t,socialItems:i,alignment:x="left",copyright:g,className:h,style:j,...N}){const l=(r,o=!1)=>r.map((n,f)=>{var p;const y=n._key??`${n.label}-${f}`,c=!!((p=n.sublinks)!=null&&p.length),T=!!n.href,_=n.icon?J[n.icon]:void 0,v=e.jsxs(e.Fragment,{children:[!o&&n.label,_&&e.jsx(_,{"aria-hidden":"true"}),!_&&n.isExternal&&e.jsx(F.ExternalLink,{className:s.newTabIcon,size:14,"aria-hidden":"true"})]});return e.jsxs("div",{className:s.group,children:[T?e.jsx("a",{href:n.href,className:`${s.link}${c?` ${s.groupTitle}`:""}`,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,"aria-label":o?n.label:void 0,onClick:n.onClick,children:v}):e.jsx("span",{className:c?s.groupTitle:void 0,children:v}),c&&e.jsx("div",{className:s.sublinks,"aria-label":`${n.label} links`,children:l(n.sublinks)})]},y)});return e.jsx("footer",{className:`${s.footer} ${K[x]}${h?` ${h}`:""}`,style:j,...N,children:e.jsxs("div",{className:s.container,children:[e.jsxs("div",{className:s.primaryNav,children:[e.jsxs("div",{className:s.details,children:[d&&e.jsx("div",{className:s.logo,children:d}),i&&i.length>0&&e.jsx("div",{className:s.socialItems,"aria-label":"Social media links",children:l(i,!0)}),m&&e.jsx("div",{children:m}),u&&e.jsx("div",{children:u})]}),b.length>0&&e.jsx("nav",{className:s.nav,id:"footer-nav","aria-label":"Footer navigation",children:e.jsx("div",{className:s.groups,children:l(b)})})]}),e.jsxs("div",{className:s.secondaryNav,children:[g&&e.jsx("div",{className:s.bottom,children:e.jsx("span",{children:g})}),t&&t.length>0&&e.jsx("nav",{"aria-label":"Utility links",children:e.jsx($.ButtonGroup,{orientation:"horizontal",children:t.map((r,o)=>e.jsx(k.Button,{as:"a",href:r.href??"/",variant:r.variant??"primary",displayType:r.displayType??"text",imageSrc:r.imageSrc,imageAlt:r.imageAlt,"aria-label":r.ariaLabel??(typeof r.label=="string"?r.label:""),icon:r.icon,iconAlignment:r.iconAlignment,children:r.label},r._key??o))})})]})]})})}exports.Footer=Q;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { B as
|
|
3
|
-
import { ButtonGroup as
|
|
4
|
-
import { a as
|
|
5
|
-
import { E as
|
|
6
|
-
import '../../../index52.css';const
|
|
7
|
-
footer:
|
|
8
|
-
container:
|
|
9
|
-
primaryNav:
|
|
10
|
-
secondaryNav:
|
|
11
|
-
details:
|
|
12
|
-
nav:
|
|
13
|
-
logo:
|
|
14
|
-
socialItems:
|
|
1
|
+
import { jsx as r, jsxs as s, Fragment as $ } from "react/jsx-runtime";
|
|
2
|
+
import { B as x } from "../../../index-aWdsapYP.js";
|
|
3
|
+
import { ButtonGroup as I } from "../ButtonGroup/index.mjs";
|
|
4
|
+
import { a as w, b as E, c as S, d as A, e as L } from "../../../index-CeBA0PT0.js";
|
|
5
|
+
import { E as B } from "../../../external-link-BOPobeQJ.js";
|
|
6
|
+
import '../../../index52.css';const C = "_footer_rb1sm_1", j = "_container_rb1sm_10", z = "_primaryNav_rb1sm_24", M = "_secondaryNav_rb1sm_35", Y = "_details_rb1sm_72", G = "_nav_rb1sm_86", U = "_logo_rb1sm_94", q = "_socialItems_rb1sm_109", D = "_group_rb1sm_116", H = "_groups_rb1sm_126", J = "_groupTitle_rb1sm_137", K = "_sublinks_rb1sm_146", O = "_link_rb1sm_154", P = "_newTabIcon_rb1sm_172", Q = "_bottom_rb1sm_186", R = "_left_rb1sm_197", V = "_center_rb1sm_217", W = "_right_rb1sm_247", a = {
|
|
7
|
+
footer: C,
|
|
8
|
+
container: j,
|
|
9
|
+
primaryNav: z,
|
|
10
|
+
secondaryNav: M,
|
|
11
|
+
details: Y,
|
|
12
|
+
nav: G,
|
|
13
|
+
logo: U,
|
|
14
|
+
socialItems: q,
|
|
15
15
|
group: D,
|
|
16
16
|
groups: H,
|
|
17
17
|
groupTitle: J,
|
|
@@ -23,36 +23,36 @@ import '../../../index52.css';const B = "_footer_1lalq_1", C = "_container_1lalq
|
|
|
23
23
|
center: V,
|
|
24
24
|
right: W
|
|
25
25
|
}, X = {
|
|
26
|
-
Facebook:
|
|
27
|
-
Twitter:
|
|
28
|
-
LinkedIn:
|
|
29
|
-
Instagram:
|
|
30
|
-
YouTube:
|
|
26
|
+
Facebook: L,
|
|
27
|
+
Twitter: A,
|
|
28
|
+
LinkedIn: S,
|
|
29
|
+
Instagram: E,
|
|
30
|
+
YouTube: w
|
|
31
31
|
}, Z = {
|
|
32
32
|
left: a.left,
|
|
33
33
|
center: a.center,
|
|
34
34
|
right: a.right
|
|
35
35
|
};
|
|
36
|
-
function
|
|
36
|
+
function oa({
|
|
37
37
|
logo: d,
|
|
38
|
-
items:
|
|
39
|
-
primaryInfo:
|
|
40
|
-
secondaryInfo:
|
|
41
|
-
utilityItems:
|
|
42
|
-
socialItems:
|
|
38
|
+
items: m,
|
|
39
|
+
primaryInfo: b,
|
|
40
|
+
secondaryInfo: g,
|
|
41
|
+
utilityItems: t,
|
|
42
|
+
socialItems: l,
|
|
43
43
|
alignment: f = "left",
|
|
44
|
-
copyright:
|
|
45
|
-
className:
|
|
44
|
+
copyright: h,
|
|
45
|
+
className: p,
|
|
46
46
|
style: N,
|
|
47
|
-
...
|
|
47
|
+
...y
|
|
48
48
|
}) {
|
|
49
|
-
const i = (n,
|
|
49
|
+
const i = (n, o = !1) => n.map((e, T) => {
|
|
50
50
|
var u;
|
|
51
|
-
const
|
|
52
|
-
!
|
|
53
|
-
_ && /* @__PURE__ */
|
|
54
|
-
!_ && e.isExternal && /* @__PURE__ */
|
|
55
|
-
|
|
51
|
+
const k = e._key ?? `${e.label}-${T}`, c = !!((u = e.sublinks) != null && u.length), F = !!e.href, _ = e.icon ? X[e.icon] : void 0, v = /* @__PURE__ */ s($, { children: [
|
|
52
|
+
!o && e.label,
|
|
53
|
+
_ && /* @__PURE__ */ r(_, { "aria-hidden": "true" }),
|
|
54
|
+
!_ && e.isExternal && /* @__PURE__ */ r(
|
|
55
|
+
B,
|
|
56
56
|
{
|
|
57
57
|
className: a.newTabIcon,
|
|
58
58
|
size: 14,
|
|
@@ -60,57 +60,57 @@ function ra({
|
|
|
60
60
|
}
|
|
61
61
|
)
|
|
62
62
|
] });
|
|
63
|
-
return /* @__PURE__ */
|
|
64
|
-
|
|
63
|
+
return /* @__PURE__ */ s("div", { className: a.group, children: [
|
|
64
|
+
F ? /* @__PURE__ */ r(
|
|
65
65
|
"a",
|
|
66
66
|
{
|
|
67
67
|
href: e.href,
|
|
68
68
|
className: `${a.link}${c ? ` ${a.groupTitle}` : ""}`,
|
|
69
69
|
target: e.isExternal ? "_blank" : "_self",
|
|
70
70
|
rel: e.isExternal ? "noopener noreferrer" : void 0,
|
|
71
|
-
"aria-label":
|
|
71
|
+
"aria-label": o ? e.label : void 0,
|
|
72
72
|
onClick: e.onClick,
|
|
73
|
-
children:
|
|
73
|
+
children: v
|
|
74
74
|
}
|
|
75
|
-
) : /* @__PURE__ */
|
|
76
|
-
c && /* @__PURE__ */
|
|
77
|
-
] },
|
|
75
|
+
) : /* @__PURE__ */ r("span", { className: c ? a.groupTitle : void 0, children: v }),
|
|
76
|
+
c && /* @__PURE__ */ r("div", { className: a.sublinks, "aria-label": `${e.label} links`, children: i(e.sublinks) })
|
|
77
|
+
] }, k);
|
|
78
78
|
});
|
|
79
|
-
return /* @__PURE__ */
|
|
79
|
+
return /* @__PURE__ */ r(
|
|
80
80
|
"footer",
|
|
81
81
|
{
|
|
82
|
-
className: `${a.footer} ${Z[f]}${
|
|
82
|
+
className: `${a.footer} ${Z[f]}${p ? ` ${p}` : ""}`,
|
|
83
83
|
style: N,
|
|
84
|
-
...
|
|
85
|
-
children: /* @__PURE__ */
|
|
86
|
-
/* @__PURE__ */
|
|
87
|
-
/* @__PURE__ */
|
|
88
|
-
d && /* @__PURE__ */
|
|
89
|
-
|
|
84
|
+
...y,
|
|
85
|
+
children: /* @__PURE__ */ s("div", { className: a.container, children: [
|
|
86
|
+
/* @__PURE__ */ s("div", { className: a.primaryNav, children: [
|
|
87
|
+
/* @__PURE__ */ s("div", { className: a.details, children: [
|
|
88
|
+
d && /* @__PURE__ */ r("div", { className: a.logo, children: d }),
|
|
89
|
+
l && l.length > 0 && /* @__PURE__ */ r(
|
|
90
90
|
"div",
|
|
91
91
|
{
|
|
92
92
|
className: a.socialItems,
|
|
93
93
|
"aria-label": "Social media links",
|
|
94
|
-
children: i(
|
|
94
|
+
children: i(l, !0)
|
|
95
95
|
}
|
|
96
96
|
),
|
|
97
|
-
|
|
98
|
-
|
|
97
|
+
b && /* @__PURE__ */ r("div", { children: b }),
|
|
98
|
+
g && /* @__PURE__ */ r("div", { children: g })
|
|
99
99
|
] }),
|
|
100
|
-
|
|
100
|
+
m.length > 0 && /* @__PURE__ */ r(
|
|
101
101
|
"nav",
|
|
102
102
|
{
|
|
103
103
|
className: a.nav,
|
|
104
104
|
id: "footer-nav",
|
|
105
105
|
"aria-label": "Footer navigation",
|
|
106
|
-
children: /* @__PURE__ */
|
|
106
|
+
children: /* @__PURE__ */ r("div", { className: a.groups, children: i(m) })
|
|
107
107
|
}
|
|
108
108
|
)
|
|
109
109
|
] }),
|
|
110
|
-
/* @__PURE__ */
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
110
|
+
/* @__PURE__ */ s("div", { className: a.secondaryNav, children: [
|
|
111
|
+
h && /* @__PURE__ */ r("div", { className: a.bottom, children: /* @__PURE__ */ r("span", { children: h }) }),
|
|
112
|
+
t && t.length > 0 && /* @__PURE__ */ r("nav", { "aria-label": "Utility links", children: /* @__PURE__ */ r(I, { orientation: "horizontal", children: t.map((n, o) => /* @__PURE__ */ r(
|
|
113
|
+
x,
|
|
114
114
|
{
|
|
115
115
|
as: "a",
|
|
116
116
|
href: n.href ?? "/",
|
|
@@ -123,7 +123,7 @@ function ra({
|
|
|
123
123
|
iconAlignment: n.iconAlignment,
|
|
124
124
|
children: n.label
|
|
125
125
|
},
|
|
126
|
-
n._key ??
|
|
126
|
+
n._key ?? o
|
|
127
127
|
)) }) })
|
|
128
128
|
] })
|
|
129
129
|
] })
|
|
@@ -131,5 +131,5 @@ function ra({
|
|
|
131
131
|
);
|
|
132
132
|
}
|
|
133
133
|
export {
|
|
134
|
-
|
|
134
|
+
oa as Footer
|
|
135
135
|
};
|
package/dist/index11.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1glyt_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm)}._container_1glyt_1 *:not(h1,._h1_1glyt_13,h2,._h2_1glyt_15,h3,._h3_1glyt_17,h4,._h4_1glyt_19,h5,._h5_1glyt_21,h6,._h6_1glyt_23,strong,b,i,br){margin-bottom:var(--spacing-md)}._container_1glyt_1 *:has(+._divider_1glyt_32){margin-bottom:0}._container_1glyt_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_1glyt_1 ul ul{padding-bottom:0}._container_1glyt_1 *:last-child{margin-bottom:0}._container_1glyt_1 ._richTextImage_1glyt_50{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:var(--spacing-md)}._container_1glyt_1 ._richTextLink_1glyt_58{color:var(--color-secondary-100);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out,text-decoration .3s ease-in-out}._container_1glyt_1 ._richTextLink_1glyt_58:hover{color:var(--color-primary-100);text-decoration:underline}._container_1glyt_1 ._spacerSmall_1glyt_72{border:none;margin:0 0 var(--spacing-sm)}._container_1glyt_1 ._spacerMedium_1glyt_77{border:none;margin:0 0 var(--spacing-md)}._container_1glyt_1 ._spacerLarge_1glyt_82{border:none;margin:0 0 var(--spacing-lg)}._container_1glyt_1 ._divider_1glyt_32{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_1glyt_1 .text-small{font-size:var(--font-size-sm)}._container_1glyt_1 .text-medium{font-size:var(--font-size-md)}._container_1glyt_1 .text-large{font-size:var(--font-size-lg)}._container_1glyt_1 .text-xlarge{font-size:var(--font-size-xl)}code,._codeBlock_1glyt_110{background-color:var(--color-secondary-10);padding:.25rem .5rem;border-radius:var(--radius-md);font-family:monospace;line-height:var(--line-height-normal);color:var(--color-text-primary)}._codeBlockWrapper_1glyt_119{border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-secondary-10);padding:var(--spacing-md);border:1px solid var(--color-secondary-25)}._codeBlockWrapper_1glyt_119 code{padding:0!important}._codeFilename_1glyt_131{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-secondary-10);padding:.25rem .5rem;border-bottom:1px solid var(--color-secondary-10)}._codeBlock_1glyt_110{font-family:monospace;font-size:var(--font-size-sm);overflow-x:auto;white-space:pre;scrollbar-color:var(--color-secondary-50) transparent;scrollbar-width:thin}._codeBlock_1glyt_110::-webkit-scrollbar{height:12px}._codeBlock_1glyt_110::-webkit-scrollbar-track{border-radius:var(--radius-md);background-color:transparent;border:none}._codeBlock_1glyt_110::-webkit-scrollbar-thumb{border:3px solid var(--color-secondary-10);border-radius:var(--radius-md);background-color:var(--color-secondary-50);background-clip:content-box}._tableWrapper_1glyt_166{width:100%;overflow-x:auto;margin:var(--spacing-md) 0}._table_1glyt_166{width:100%;border-collapse:collapse;border:1px solid var(--color-secondary-10)}._table_1glyt_166 td,._table_1glyt_166 th{border:1px solid var(--color-secondary-10);padding:var(--spacing-sm) var(--spacing-md);vertical-align:top}._table_1glyt_166 th{font-weight:var(--font-weight-semibold)}
|
package/dist/index52.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._footer_rb1sm_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_rb1sm_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_rb1sm_20{width:100%}._primaryNav_rb1sm_24{display:flex;gap:var(--spacing-xl);width:100%}@media (max-width: 767px){._primaryNav_rb1sm_24{width:100%;flex-direction:column-reverse}}._secondaryNav_rb1sm_35{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_rb1sm_35 a:has(img){height:unset;background-color:transparent}._secondaryNav_rb1sm_35 a:has(img) img{width:auto;height:60px}._secondaryNav_rb1sm_35 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_rb1sm_35{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_rb1sm_35 nav{width:100%;display:flex;justify-content:center}}._details_rb1sm_72{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_rb1sm_72{justify-content:center;align-items:center;text-align:center;flex-basis:auto}}._nav_rb1sm_86{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_rb1sm_94{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_rb1sm_94 a{display:block}._logo_rb1sm_94 img{height:auto}._socialItems_rb1sm_109{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_rb1sm_109 ._group_rb1sm_116{flex:unset;min-width:unset}._socialItems_rb1sm_109 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_rb1sm_126{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_rb1sm_116{flex:.2;min-width:170px}._groupTitle_rb1sm_137{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_rb1sm_146{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_rb1sm_154{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_rb1sm_154{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_rb1sm_154 ._newTabIcon_rb1sm_172{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_rb1sm_154:hover,._link_rb1sm_154:hover ._newTabIcon_rb1sm_172{color:var(--color-primary-100)}._bottom_rb1sm_186{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_rb1sm_186{text-align:center}}._left_rb1sm_197 ._container_rb1sm_10{justify-content:flex-start}._left_rb1sm_197 ._logo_rb1sm_94{flex:unset}._left_rb1sm_197 ._nav_rb1sm_86{flex:1}@media (max-width: 767px){._left_rb1sm_197 ._logo_rb1sm_94{flex:1}}._center_rb1sm_217 ._nav_rb1sm_86{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_rb1sm_217 ._nav_rb1sm_86._hidden_rb1sm_225{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_rb1sm_217 ._nav_rb1sm_86._visible_rb1sm_232{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_rb1sm_217 ._logo_rb1sm_94{flex:1}}._right_rb1sm_247 ._container_rb1sm_10{justify-content:flex-end}._right_rb1sm_247 ._logo_rb1sm_94,._right_rb1sm_247 ._title_rb1sm_253{flex:1}._right_rb1sm_247 ._nav_rb1sm_86{flex:unset}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index.css');require('../../../index11.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index.css');require('../../../index11.css');const e=require("react/jsx-runtime"),y=require("react"),k=require("@portabletext/react"),w=require("../AnimatedSpan/index.cjs");;/* empty css */require("../../../core/components/Avatar/index.cjs");require("../../../core/context/ModalContext.cjs");require("../../../core/components/Checkbox/index.cjs");const L=require("../../../core/components/Text/index.cjs"),_=require("../../../core/components/Heading/index.cjs");require("react-dom");const B=require("../../../core/components/Table/index.cjs");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const H=require("next/image"),S=require("../../hooks/useMediaQuery.cjs"),b="_container_1glyt_1",z="_divider_1glyt_32",F="_richTextImage_1glyt_50",I="_richTextLink_1glyt_58",W="_spacerSmall_1glyt_72",C="_spacerMedium_1glyt_77",P="_spacerLarge_1glyt_82",U="_codeBlock_1glyt_110",A="_codeBlockWrapper_1glyt_119",E="_codeFilename_1glyt_131",i={container:b,divider:z,richTextImage:F,richTextLink:I,spacerSmall:W,spacerMedium:C,spacerLarge:P,codeBlock:U,codeBlockWrapper:A,codeFilename:E};function Q(s){return{normal:({children:n})=>e.jsx(L.Text,{className:s,children:n}),h1:({children:n})=>e.jsx(_.Heading,{className:s,level:1,children:n}),h2:({children:n})=>e.jsx(_.Heading,{className:s,level:2,children:n}),h3:({children:n})=>e.jsx(_.Heading,{className:s,level:3,children:n}),h4:({children:n})=>e.jsx(_.Heading,{className:s,level:4,children:n}),h5:({children:n})=>e.jsx(_.Heading,{className:s,level:5,children:n}),h6:({children:n})=>e.jsx(_.Heading,{className:s,level:6,children:n}),quote:({children:n})=>e.jsx("blockquote",{className:s,children:n})}}const D={strong:({children:s})=>e.jsx("strong",{children:s}),em:({children:s})=>e.jsx("em",{children:s}),number:({children:s})=>e.jsx("span",{className:"inlineNumber",children:s}),left:({children:s})=>e.jsx("span",{className:"textLeft",children:s}),center:({children:s})=>e.jsx("span",{className:"textCenter",children:s}),right:({children:s})=>e.jsx("span",{className:"textRight",children:s}),inlineCode:({children:s})=>e.jsx("code",{children:s}),link:({children:s,value:n})=>{var p;const{linkType:r,internalUrl:a,externalUrl:l,blank:x}=n??{};let d="#";return r==="external"&&l?d=l:r==="internal"&&((p=a==null?void 0:a.slug)!=null&&p.current)&&(d=`/${a.slug.current}`),e.jsx("a",{href:d,target:x?"_blank":void 0,rel:r==="external"?"noopener noreferrer":void 0,className:i.richTextLink,children:s})},textSize:({children:s,value:n})=>{const r=n!=null&&n.size?`text-${n.size}`:"";return e.jsx("span",{className:r,children:s})}};function G({baseClassName:s,previousTextRef:n,textOverride:r,animateText:a,isMobile:l}){const x=({children:t,value:c})=>{if(!c)return e.jsx(e.Fragment,{children:t});const{colorClass:o}=c;return r?a?e.jsx(w.AnimatedSpan,{className:o,text:r,prevText:n.current},"animated-span"):e.jsx("span",{className:o,children:r}):e.jsx("span",{className:o,children:t})},d=({children:t=[]})=>{const c=y.Children.count(t);return e.jsx("ul",{style:{columnCount:l?1:c>7?2:1},className:s,children:t})};let p;const q=()=>p;return p={marks:{...D,coloredText:x},block:Q(s),list:{bullet:d},types:{image:({value:t})=>{var o,h,m,f,T;if(!(t!=null&&t.imageUrls))return null;const c=((o=t.asset)==null?void 0:o.altText)||"Content image";return e.jsxs("figure",{className:`${s??""} ${i.richTextImage}`,children:[e.jsx(H,{src:t.imageUrls.medium,alt:c,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((h=t.asset)==null?void 0:h.title)||((m=t.asset)==null?void 0:m.description))&&e.jsxs("figcaption",{children:[((f=t.asset)==null?void 0:f.title)&&e.jsx("strong",{children:t.asset.title}),((T=t.asset)==null?void 0:T.description)&&e.jsx("p",{children:t.asset.description})]})]})},divider:()=>e.jsx("hr",{className:i.divider}),spacer:({value:t})=>{const c=(t==null?void 0:t.style)||"medium",o={small:i.spacerSmall,medium:i.spacerMedium,large:i.spacerLarge};return e.jsx("span",{className:o[c]??i.spacerMedium})},table:({value:t})=>{var N,$;if(!((N=t==null?void 0:t.rows)!=null&&N.length))return null;const{hasHeadingRow:c}=t,o=c?t.rows[0]:null,h=c?t.rows.slice(1):t.rows,m=o||h[0];if(!(($=m==null?void 0:m.cells)!=null&&$.length))return null;const f=m.cells.map((M,u)=>{var j;return{header:o?e.jsx(k.PortableText,{value:(j=o.cells[u])==null?void 0:j.content,components:q()}):`Column ${u+1}`,accessor:`col${u}`,cellRenderer:g=>g?e.jsx(k.PortableText,{value:g,components:q()}):null}}),T=h.map(M=>{var j;const u={};return(j=M.cells)==null||j.forEach((g,R)=>{u[`col${R}`]=g==null?void 0:g.content}),u});return e.jsx(B.Table,{hasHeadingRow:c,data:T,columns:f,className:`${s??""} ${c?"hasHeadingRow":""}`})},code:({value:t})=>t!=null&&t.code?e.jsxs("div",{className:`${i.codeBlockWrapper} ${s??""}`,children:[t.filename&&e.jsx("div",{className:i.codeFilename,children:t.filename}),e.jsx("pre",{className:i.codeBlock,children:e.jsx("code",{children:t.code})})]}):null}},p}const J=({blocks:s,className:n,textOverride:r,animateText:a})=>{const l=S.useMediaQuery("(max-width: 767px)"),x=y.useRef(r);y.useEffect(()=>{x.current=r},[r]);const d=y.useMemo(()=>G({baseClassName:n,previousTextRef:x,textOverride:r,animateText:a,isMobile:l}),[n,r,a,l]);return s?typeof s=="string"?e.jsx(L.Text,{className:n,children:s}):e.jsx("div",{className:`${i.container} portableTextContainer`,children:e.jsx(k.PortableText,{value:s,components:d})}):null};exports.RichText=J;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as r, jsxs as
|
|
1
|
+
import { jsx as r, jsxs as T, Fragment as S } from "react/jsx-runtime";
|
|
2
2
|
import z, { useRef as F, useEffect as I, useMemo as W } from "react";
|
|
3
|
-
import { PortableText as
|
|
3
|
+
import { PortableText as N } from "@portabletext/react";
|
|
4
4
|
import { AnimatedSpan as C } from "../AnimatedSpan/index.mjs";
|
|
5
5
|
import '../../../index.css';import '../../../index11.css';/* empty css */
|
|
6
6
|
import "../../../core/components/Avatar/index.mjs";
|
|
7
7
|
import "../../../core/context/ModalContext.mjs";
|
|
8
8
|
import "../../../core/components/Checkbox/index.mjs";
|
|
9
|
-
import { Text as
|
|
9
|
+
import { Text as B } from "../../../core/components/Text/index.mjs";
|
|
10
10
|
import { Heading as _ } from "../../../core/components/Heading/index.mjs";
|
|
11
11
|
import "react-dom";
|
|
12
12
|
import { Table as j } from "../../../core/components/Table/index.mjs";
|
|
@@ -14,7 +14,7 @@ import "../../../core/components/Tabs/index.mjs";
|
|
|
14
14
|
import "../../../core/tokens/theme.mjs";
|
|
15
15
|
import H from "next/image";
|
|
16
16
|
import { useMediaQuery as U } from "../../hooks/useMediaQuery.mjs";
|
|
17
|
-
const q = "
|
|
17
|
+
const q = "_container_1glyt_1", E = "_divider_1glyt_32", b = "_richTextImage_1glyt_50", A = "_richTextLink_1glyt_58", P = "_spacerSmall_1glyt_72", Q = "_spacerMedium_1glyt_77", D = "_spacerLarge_1glyt_82", G = "_codeBlock_1glyt_110", J = "_codeBlockWrapper_1glyt_119", K = "_codeFilename_1glyt_131", i = {
|
|
18
18
|
container: q,
|
|
19
19
|
divider: E,
|
|
20
20
|
richTextImage: b,
|
|
@@ -28,7 +28,7 @@ const q = "_container_137s3_1", E = "_divider_137s3_15", b = "_richTextImage_137
|
|
|
28
28
|
};
|
|
29
29
|
function X(e) {
|
|
30
30
|
return {
|
|
31
|
-
normal: ({ children: n }) => /* @__PURE__ */ r(
|
|
31
|
+
normal: ({ children: n }) => /* @__PURE__ */ r(B, { className: e, children: n }),
|
|
32
32
|
h1: ({ children: n }) => /* @__PURE__ */ r(_, { className: e, level: 1, children: n }),
|
|
33
33
|
h2: ({ children: n }) => /* @__PURE__ */ r(_, { className: e, level: 2, children: n }),
|
|
34
34
|
h3: ({ children: n }) => /* @__PURE__ */ r(_, { className: e, level: 3, children: n }),
|
|
@@ -47,89 +47,89 @@ const Y = {
|
|
|
47
47
|
right: ({ children: e }) => /* @__PURE__ */ r("span", { className: "textRight", children: e }),
|
|
48
48
|
inlineCode: ({ children: e }) => /* @__PURE__ */ r("code", { children: e }),
|
|
49
49
|
link: ({ children: e, value: n }) => {
|
|
50
|
-
var
|
|
51
|
-
const { linkType:
|
|
52
|
-
let
|
|
53
|
-
return
|
|
50
|
+
var g;
|
|
51
|
+
const { linkType: o, internalUrl: l, externalUrl: a, blank: d } = n ?? {};
|
|
52
|
+
let m = "#";
|
|
53
|
+
return o === "external" && a ? m = a : o === "internal" && ((g = l == null ? void 0 : l.slug) != null && g.current) && (m = `/${l.slug.current}`), /* @__PURE__ */ r(
|
|
54
54
|
"a",
|
|
55
55
|
{
|
|
56
|
-
href:
|
|
56
|
+
href: m,
|
|
57
57
|
target: d ? "_blank" : void 0,
|
|
58
|
-
rel:
|
|
58
|
+
rel: o === "external" ? "noopener noreferrer" : void 0,
|
|
59
59
|
className: i.richTextLink,
|
|
60
60
|
children: e
|
|
61
61
|
}
|
|
62
62
|
);
|
|
63
63
|
},
|
|
64
64
|
textSize: ({ children: e, value: n }) => {
|
|
65
|
-
const
|
|
66
|
-
return /* @__PURE__ */ r("span", { className:
|
|
65
|
+
const o = n != null && n.size ? `text-${n.size}` : "";
|
|
66
|
+
return /* @__PURE__ */ r("span", { className: o, children: e });
|
|
67
67
|
}
|
|
68
68
|
};
|
|
69
69
|
function Z({
|
|
70
70
|
baseClassName: e,
|
|
71
71
|
previousTextRef: n,
|
|
72
|
-
textOverride:
|
|
73
|
-
animateText:
|
|
74
|
-
isMobile:
|
|
72
|
+
textOverride: o,
|
|
73
|
+
animateText: l,
|
|
74
|
+
isMobile: a
|
|
75
75
|
}) {
|
|
76
76
|
const d = ({
|
|
77
77
|
children: t,
|
|
78
|
-
value:
|
|
78
|
+
value: s
|
|
79
79
|
}) => {
|
|
80
|
-
if (!
|
|
81
|
-
const { colorClass: c } =
|
|
82
|
-
return
|
|
80
|
+
if (!s) return /* @__PURE__ */ r(S, { children: t });
|
|
81
|
+
const { colorClass: c } = s;
|
|
82
|
+
return o ? l ? /* @__PURE__ */ r(
|
|
83
83
|
C,
|
|
84
84
|
{
|
|
85
85
|
className: c,
|
|
86
|
-
text:
|
|
86
|
+
text: o,
|
|
87
87
|
prevText: n.current
|
|
88
88
|
},
|
|
89
89
|
"animated-span"
|
|
90
|
-
) : /* @__PURE__ */ r("span", { className: c, children:
|
|
91
|
-
},
|
|
92
|
-
const
|
|
90
|
+
) : /* @__PURE__ */ r("span", { className: c, children: o }) : /* @__PURE__ */ r("span", { className: c, children: t });
|
|
91
|
+
}, m = ({ children: t = [] }) => {
|
|
92
|
+
const s = z.Children.count(t);
|
|
93
93
|
return /* @__PURE__ */ r(
|
|
94
94
|
"ul",
|
|
95
95
|
{
|
|
96
|
-
style: { columnCount:
|
|
96
|
+
style: { columnCount: a ? 1 : s > 7 ? 2 : 1 },
|
|
97
97
|
className: e,
|
|
98
98
|
children: t
|
|
99
99
|
}
|
|
100
100
|
);
|
|
101
101
|
};
|
|
102
|
-
let
|
|
103
|
-
const
|
|
104
|
-
return
|
|
102
|
+
let g;
|
|
103
|
+
const $ = () => g;
|
|
104
|
+
return g = {
|
|
105
105
|
marks: {
|
|
106
106
|
...Y,
|
|
107
107
|
coloredText: d
|
|
108
108
|
},
|
|
109
109
|
block: X(e),
|
|
110
110
|
list: {
|
|
111
|
-
bullet:
|
|
111
|
+
bullet: m
|
|
112
112
|
},
|
|
113
113
|
types: {
|
|
114
114
|
// ── Inline image ────────────────────────────────────────────────────
|
|
115
115
|
image: ({ value: t }) => {
|
|
116
|
-
var c, u, p, k,
|
|
116
|
+
var c, u, p, k, y;
|
|
117
117
|
if (!(t != null && t.imageUrls)) return null;
|
|
118
|
-
const
|
|
119
|
-
return /* @__PURE__ */
|
|
118
|
+
const s = ((c = t.asset) == null ? void 0 : c.altText) || "Content image";
|
|
119
|
+
return /* @__PURE__ */ T("figure", { className: `${e ?? ""} ${i.richTextImage}`, children: [
|
|
120
120
|
/* @__PURE__ */ r(
|
|
121
121
|
H,
|
|
122
122
|
{
|
|
123
123
|
src: t.imageUrls.medium,
|
|
124
|
-
alt:
|
|
124
|
+
alt: s,
|
|
125
125
|
width: 1e3,
|
|
126
126
|
height: 800,
|
|
127
127
|
style: { maxWidth: "100%", height: "auto" }
|
|
128
128
|
}
|
|
129
129
|
),
|
|
130
|
-
(((u = t.asset) == null ? void 0 : u.title) || ((p = t.asset) == null ? void 0 : p.description)) && /* @__PURE__ */
|
|
130
|
+
(((u = t.asset) == null ? void 0 : u.title) || ((p = t.asset) == null ? void 0 : p.description)) && /* @__PURE__ */ T("figcaption", { children: [
|
|
131
131
|
((k = t.asset) == null ? void 0 : k.title) && /* @__PURE__ */ r("strong", { children: t.asset.title }),
|
|
132
|
-
((
|
|
132
|
+
((y = t.asset) == null ? void 0 : y.description) && /* @__PURE__ */ r("p", { children: t.asset.description })
|
|
133
133
|
] })
|
|
134
134
|
] });
|
|
135
135
|
},
|
|
@@ -137,87 +137,87 @@ function Z({
|
|
|
137
137
|
divider: () => /* @__PURE__ */ r("hr", { className: i.divider }),
|
|
138
138
|
// ── Spacer ──────────────────────────────────────────────────────────
|
|
139
139
|
spacer: ({ value: t }) => {
|
|
140
|
-
const
|
|
140
|
+
const s = (t == null ? void 0 : t.style) || "medium", c = {
|
|
141
141
|
small: i.spacerSmall,
|
|
142
142
|
medium: i.spacerMedium,
|
|
143
143
|
large: i.spacerLarge
|
|
144
144
|
};
|
|
145
|
-
return /* @__PURE__ */ r("span", { className: c[
|
|
145
|
+
return /* @__PURE__ */ r("span", { className: c[s] ?? i.spacerMedium });
|
|
146
146
|
},
|
|
147
147
|
// ── Table ────────────────────────────────────────────────────────────
|
|
148
148
|
table: ({ value: t }) => {
|
|
149
|
-
var
|
|
150
|
-
if (!((
|
|
151
|
-
const { hasHeadingRow:
|
|
152
|
-
if (!((
|
|
153
|
-
const k = p.cells.map((
|
|
149
|
+
var L, M;
|
|
150
|
+
if (!((L = t == null ? void 0 : t.rows) != null && L.length)) return null;
|
|
151
|
+
const { hasHeadingRow: s } = t, c = s ? t.rows[0] : null, u = s ? t.rows.slice(1) : t.rows, p = c || u[0];
|
|
152
|
+
if (!((M = p == null ? void 0 : p.cells) != null && M.length)) return null;
|
|
153
|
+
const k = p.cells.map((w, h) => {
|
|
154
154
|
var x;
|
|
155
155
|
return {
|
|
156
156
|
header: c ? /* @__PURE__ */ r(
|
|
157
|
-
|
|
157
|
+
N,
|
|
158
158
|
{
|
|
159
|
-
value: (x = c.cells[
|
|
160
|
-
components:
|
|
159
|
+
value: (x = c.cells[h]) == null ? void 0 : x.content,
|
|
160
|
+
components: $()
|
|
161
161
|
}
|
|
162
|
-
) : `Column ${
|
|
163
|
-
accessor: `col${
|
|
164
|
-
cellRenderer: (
|
|
165
|
-
|
|
162
|
+
) : `Column ${h + 1}`,
|
|
163
|
+
accessor: `col${h}`,
|
|
164
|
+
cellRenderer: (f) => f ? /* @__PURE__ */ r(
|
|
165
|
+
N,
|
|
166
166
|
{
|
|
167
|
-
value:
|
|
168
|
-
components:
|
|
167
|
+
value: f,
|
|
168
|
+
components: $()
|
|
169
169
|
}
|
|
170
170
|
) : null
|
|
171
171
|
};
|
|
172
|
-
}),
|
|
172
|
+
}), y = u.map((w) => {
|
|
173
173
|
var x;
|
|
174
|
-
const
|
|
175
|
-
return (x =
|
|
176
|
-
|
|
177
|
-
}),
|
|
174
|
+
const h = {};
|
|
175
|
+
return (x = w.cells) == null || x.forEach((f, R) => {
|
|
176
|
+
h[`col${R}`] = f == null ? void 0 : f.content;
|
|
177
|
+
}), h;
|
|
178
178
|
});
|
|
179
179
|
return /* @__PURE__ */ r(
|
|
180
180
|
j,
|
|
181
181
|
{
|
|
182
|
-
hasHeadingRow:
|
|
183
|
-
data:
|
|
182
|
+
hasHeadingRow: s,
|
|
183
|
+
data: y,
|
|
184
184
|
columns: k,
|
|
185
|
-
className: `${e ?? ""} ${
|
|
185
|
+
className: `${e ?? ""} ${s ? "hasHeadingRow" : ""}`
|
|
186
186
|
}
|
|
187
187
|
);
|
|
188
188
|
},
|
|
189
189
|
// ── Code block ──────────────────────────────────────────────────────
|
|
190
|
-
code: ({ value: t }) => t != null && t.code ? /* @__PURE__ */
|
|
190
|
+
code: ({ value: t }) => t != null && t.code ? /* @__PURE__ */ T("div", { className: `${i.codeBlockWrapper} ${e ?? ""}`, children: [
|
|
191
191
|
t.filename && /* @__PURE__ */ r("div", { className: i.codeFilename, children: t.filename }),
|
|
192
192
|
/* @__PURE__ */ r("pre", { className: i.codeBlock, children: /* @__PURE__ */ r("code", { children: t.code }) })
|
|
193
193
|
] }) : null
|
|
194
194
|
}
|
|
195
|
-
},
|
|
195
|
+
}, g;
|
|
196
196
|
}
|
|
197
|
-
const
|
|
197
|
+
const ge = ({
|
|
198
198
|
blocks: e,
|
|
199
199
|
className: n,
|
|
200
|
-
textOverride:
|
|
201
|
-
animateText:
|
|
200
|
+
textOverride: o,
|
|
201
|
+
animateText: l
|
|
202
202
|
}) => {
|
|
203
|
-
const
|
|
203
|
+
const a = U("(max-width: 767px)"), d = F(o);
|
|
204
204
|
I(() => {
|
|
205
|
-
d.current =
|
|
206
|
-
}, [
|
|
207
|
-
const
|
|
205
|
+
d.current = o;
|
|
206
|
+
}, [o]);
|
|
207
|
+
const m = W(
|
|
208
208
|
() => Z({
|
|
209
209
|
baseClassName: n,
|
|
210
210
|
previousTextRef: d,
|
|
211
|
-
textOverride:
|
|
212
|
-
animateText:
|
|
213
|
-
isMobile:
|
|
211
|
+
textOverride: o,
|
|
212
|
+
animateText: l,
|
|
213
|
+
isMobile: a
|
|
214
214
|
}),
|
|
215
215
|
// previousTextRef intentionally omitted — it's a stable ref object.
|
|
216
216
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
217
|
-
[n,
|
|
217
|
+
[n, o, l, a]
|
|
218
218
|
);
|
|
219
|
-
return e ? typeof e == "string" ? /* @__PURE__ */ r(
|
|
219
|
+
return e ? typeof e == "string" ? /* @__PURE__ */ r(B, { className: n, children: e }) : /* @__PURE__ */ r("div", { className: `${i.container} portableTextContainer`, children: /* @__PURE__ */ r(N, { value: e, components: m }) }) : null;
|
|
220
220
|
};
|
|
221
221
|
export {
|
|
222
|
-
|
|
222
|
+
ge as RichText
|
|
223
223
|
};
|