quirk-ui 0.1.107 → 0.1.109
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/{HeroSubComponents-Cxv7hryT.js → HeroSubComponents-BGkwbcKC.js} +28 -28
- package/dist/{HeroSubComponents-UbEVX5Wy.cjs → HeroSubComponents-DzbDRtdk.cjs} +2 -2
- package/dist/HeroSubComponents.css +1 -1
- package/dist/core/components/Sidebar/Sidebar.test.cjs +1 -1
- package/dist/core/components/Sidebar/Sidebar.test.mjs +12 -8
- package/dist/core/components/Sidebar/index.cjs +2 -2
- package/dist/core/components/Sidebar/index.mjs +8 -10
- package/dist/core.cjs +1 -1
- package/dist/core.d.ts +12 -0
- package/dist/core.mjs +28 -26
- package/dist/main.cjs +1 -1
- package/dist/main.d.ts +12 -0
- package/dist/main.mjs +84 -82
- package/dist/next/blocks/HeroBlock/HeroSubComponents.cjs +1 -1
- package/dist/next/blocks/HeroBlock/HeroSubComponents.mjs +1 -1
- package/dist/next/blocks/HeroBlock/HeroSubComponents.test.cjs +1 -1
- package/dist/next/blocks/HeroBlock/HeroSubComponents.test.mjs +1 -1
- package/dist/next/blocks/HeroBlock/index.cjs +1 -1
- package/dist/next/blocks/HeroBlock/index.mjs +1 -1
- package/package.json +1 -1
- package/dist/AccordionItem.css.d.ts +0 -13
- package/dist/CategoryFilters.css.d.ts +0 -31
- package/dist/FormField.css.d.ts +0 -27
- package/dist/HeroSubComponents.css.d.ts +0 -30
- package/dist/NavLink.css.d.ts +0 -74
- package/dist/index.css.d.ts +0 -1
- package/dist/index10.css.d.ts +0 -10
- package/dist/index11.css.d.ts +0 -26
- package/dist/index12.css.d.ts +0 -24
- package/dist/index13.css.d.ts +0 -33
- package/dist/index14.css.d.ts +0 -9
- package/dist/index15.css.d.ts +0 -10
- package/dist/index16.css.d.ts +0 -18
- package/dist/index17.css.d.ts +0 -38
- package/dist/index18.css.d.ts +0 -16
- package/dist/index19.css.d.ts +0 -14
- package/dist/index2.css.d.ts +0 -12
- package/dist/index20.css.d.ts +0 -17
- package/dist/index21.css.d.ts +0 -13
- package/dist/index22.css.d.ts +0 -25
- package/dist/index23.css.d.ts +0 -5
- package/dist/index24.css.d.ts +0 -19
- package/dist/index25.css.d.ts +0 -21
- package/dist/index26.css.d.ts +0 -16
- package/dist/index27.css.d.ts +0 -10
- package/dist/index28.css.d.ts +0 -18
- package/dist/index29.css.d.ts +0 -16
- package/dist/index3.css.d.ts +0 -10
- package/dist/index30.css.d.ts +0 -10
- package/dist/index31.css.d.ts +0 -19
- package/dist/index32.css.d.ts +0 -15
- package/dist/index33.css.d.ts +0 -22
- package/dist/index34.css.d.ts +0 -15
- package/dist/index35.css.d.ts +0 -14
- package/dist/index36.css.d.ts +0 -23
- package/dist/index37.css.d.ts +0 -14
- package/dist/index38.css.d.ts +0 -18
- package/dist/index39.css.d.ts +0 -21
- package/dist/index4.css.d.ts +0 -22
- package/dist/index40.css.d.ts +0 -20
- package/dist/index41.css.d.ts +0 -17
- package/dist/index42.css.d.ts +0 -14
- package/dist/index43.css.d.ts +0 -22
- package/dist/index44.css.d.ts +0 -35
- package/dist/index45.css.d.ts +0 -13
- package/dist/index46.css.d.ts +0 -23
- package/dist/index47.css.d.ts +0 -12
- package/dist/index48.css.d.ts +0 -19
- package/dist/index49.css.d.ts +0 -20
- package/dist/index5.css.d.ts +0 -19
- package/dist/index50.css.d.ts +0 -20
- package/dist/index51.css.d.ts +0 -27
- package/dist/index52.css.d.ts +0 -17
- package/dist/index53.css.d.ts +0 -11
- package/dist/index54.css.d.ts +0 -12
- package/dist/index55.css.d.ts +0 -14
- package/dist/index56.css.d.ts +0 -20
- package/dist/index57.css.d.ts +0 -24
- package/dist/index58.css.d.ts +0 -13
- package/dist/index59.css.d.ts +0 -12
- package/dist/index6.css.d.ts +0 -40
- package/dist/index60.css.d.ts +0 -20
- package/dist/index61.css.d.ts +0 -20
- package/dist/index62.css.d.ts +0 -18
- package/dist/index63.css.d.ts +0 -22
- package/dist/index64.css.d.ts +0 -28
- package/dist/index65.css.d.ts +0 -26
- package/dist/index66.css.d.ts +0 -19
- package/dist/index7.css.d.ts +0 -32
- package/dist/index8.css.d.ts +0 -9
- package/dist/index9.css.d.ts +0 -7
- package/dist/styles.css.d.ts +0 -1
- package/dist/tokens.css.d.ts +0 -1
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { jsx as t, jsxs as h } from "react/jsx-runtime";
|
|
2
|
-
import { memo as
|
|
3
|
-
import { buildEmbedSrc as
|
|
4
|
-
import { c as
|
|
5
|
-
import { P as
|
|
2
|
+
import { memo as u, forwardRef as p, useRef as w, useImperativeHandle as v, useEffect as b } from "react";
|
|
3
|
+
import { buildEmbedSrc as g, resolveImageUrl as x, resolveAltText as N } from "./next/utils/mediaUtils.mjs";
|
|
4
|
+
import { c as C } from "./createLucideIcon-C8GTh_Qx.js";
|
|
5
|
+
import { P as k } from "./play-DYgKiSaf.js";
|
|
6
6
|
import './HeroSubComponents.css';/**
|
|
7
7
|
* @license lucide-react v0.488.0 - ISC
|
|
8
8
|
*
|
|
9
9
|
* This source code is licensed under the ISC license.
|
|
10
10
|
* See the LICENSE file in the root directory of this source tree.
|
|
11
11
|
*/
|
|
12
|
-
const
|
|
12
|
+
const B = [
|
|
13
13
|
["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
|
|
14
14
|
["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
|
|
15
|
-
],
|
|
16
|
-
hero:
|
|
17
|
-
container:
|
|
18
|
-
heading:
|
|
19
|
-
text:
|
|
20
|
-
eyebrow:
|
|
15
|
+
], V = C("pause", B), I = "_hero_6wr3y_1", E = "_container_6wr3y_7", z = "_heading_6wr3y_15", T = "_text_6wr3y_22", j = "_eyebrow_6wr3y_37", H = "_disclaimer_6wr3y_41", P = "_articleDetails_6wr3y_53", D = "_articleType_6wr3y_66", F = "_articleCategories_6wr3y_80", R = "_category_6wr3y_86", A = "_number_6wr3y_102", S = "_blog_6wr3y_129", L = "_overlay_6wr3y_155", U = "_tile_6wr3y_225", Y = "_fullBleed_6wr3y_334", q = "_media_6wr3y_361", G = "_splitAlt_6wr3y_448", J = "_split_6wr3y_448", K = "_videoControl_6wr3y_522", M = "_videoBackground_6wr3y_570", O = "_iframe_6wr3y_571", l = {
|
|
16
|
+
hero: I,
|
|
17
|
+
container: E,
|
|
18
|
+
heading: z,
|
|
19
|
+
text: T,
|
|
20
|
+
eyebrow: j,
|
|
21
21
|
disclaimer: H,
|
|
22
22
|
articleDetails: P,
|
|
23
23
|
articleType: D,
|
|
24
24
|
articleCategories: F,
|
|
25
25
|
category: R,
|
|
26
26
|
number: A,
|
|
27
|
-
default: "
|
|
27
|
+
default: "_default_6wr3y_125",
|
|
28
28
|
blog: S,
|
|
29
29
|
overlay: L,
|
|
30
30
|
tile: U,
|
|
@@ -35,7 +35,7 @@ const k = [
|
|
|
35
35
|
videoControl: K,
|
|
36
36
|
videoBackground: M,
|
|
37
37
|
iframe: O
|
|
38
|
-
}, Q =
|
|
38
|
+
}, Q = u(function({
|
|
39
39
|
isPlaying: e,
|
|
40
40
|
onToggle: o
|
|
41
41
|
}) {
|
|
@@ -47,16 +47,16 @@ const k = [
|
|
|
47
47
|
"aria-label": e ? "Pause video" : "Play video",
|
|
48
48
|
className: l.videoControl,
|
|
49
49
|
onClick: o,
|
|
50
|
-
children: e ? /* @__PURE__ */ t(
|
|
50
|
+
children: e ? /* @__PURE__ */ t(V, { size: 18, "aria-hidden": !0 }) : /* @__PURE__ */ t(k, { size: 18, "aria-hidden": !0 })
|
|
51
51
|
}
|
|
52
52
|
);
|
|
53
|
-
}),
|
|
53
|
+
}), y = u(function({
|
|
54
54
|
url: e,
|
|
55
55
|
provider: o,
|
|
56
56
|
wrapperClassName: s,
|
|
57
57
|
iframeClassName: a
|
|
58
58
|
}) {
|
|
59
|
-
const i =
|
|
59
|
+
const i = g(e, o);
|
|
60
60
|
return /* @__PURE__ */ t("div", { className: s, children: /* @__PURE__ */ t(
|
|
61
61
|
"iframe",
|
|
62
62
|
{
|
|
@@ -68,7 +68,7 @@ const k = [
|
|
|
68
68
|
"aria-label": "Background video"
|
|
69
69
|
}
|
|
70
70
|
) });
|
|
71
|
-
}), f =
|
|
71
|
+
}), f = u(
|
|
72
72
|
p(function({
|
|
73
73
|
src: e,
|
|
74
74
|
autoPlay: o,
|
|
@@ -77,9 +77,9 @@ const k = [
|
|
|
77
77
|
videoClassName: i,
|
|
78
78
|
isPlaying: c,
|
|
79
79
|
onToggle: d
|
|
80
|
-
},
|
|
81
|
-
const n =
|
|
82
|
-
return
|
|
80
|
+
}, m) {
|
|
81
|
+
const n = w(null);
|
|
82
|
+
return v(m, () => ({
|
|
83
83
|
play() {
|
|
84
84
|
var r;
|
|
85
85
|
(r = n.current) == null || r.play().catch(() => {
|
|
@@ -89,7 +89,7 @@ const k = [
|
|
|
89
89
|
var r;
|
|
90
90
|
(r = n.current) == null || r.pause();
|
|
91
91
|
}
|
|
92
|
-
})),
|
|
92
|
+
})), b(() => {
|
|
93
93
|
const r = n.current;
|
|
94
94
|
r && (c ? r.play().catch(() => {
|
|
95
95
|
}) : r.pause());
|
|
@@ -112,7 +112,7 @@ const k = [
|
|
|
112
112
|
)
|
|
113
113
|
] });
|
|
114
114
|
})
|
|
115
|
-
), te =
|
|
115
|
+
), te = u(function({
|
|
116
116
|
url: e,
|
|
117
117
|
autoPlay: o,
|
|
118
118
|
posterUrl: s,
|
|
@@ -120,9 +120,9 @@ const k = [
|
|
|
120
120
|
onToggle: i,
|
|
121
121
|
variant: c
|
|
122
122
|
}) {
|
|
123
|
-
const d = e.includes("vimeo.com"),
|
|
123
|
+
const d = e.includes("vimeo.com"), m = e.includes("youtube.com") || e.includes("youtu.be"), n = d || m, r = d ? "vimeo" : "youtube";
|
|
124
124
|
return c === "inline" ? n ? /* @__PURE__ */ t(
|
|
125
|
-
|
|
125
|
+
y,
|
|
126
126
|
{
|
|
127
127
|
url: e,
|
|
128
128
|
provider: r,
|
|
@@ -139,7 +139,7 @@ const k = [
|
|
|
139
139
|
onToggle: i
|
|
140
140
|
}
|
|
141
141
|
) : n ? /* @__PURE__ */ t(
|
|
142
|
-
|
|
142
|
+
y,
|
|
143
143
|
{
|
|
144
144
|
url: e,
|
|
145
145
|
provider: r,
|
|
@@ -157,7 +157,7 @@ const k = [
|
|
|
157
157
|
onToggle: i
|
|
158
158
|
}
|
|
159
159
|
);
|
|
160
|
-
}), re =
|
|
160
|
+
}), re = u(function({
|
|
161
161
|
image: e,
|
|
162
162
|
mode: o,
|
|
163
163
|
variant: s,
|
|
@@ -165,7 +165,7 @@ const k = [
|
|
|
165
165
|
}) {
|
|
166
166
|
const i = x(e, o, "medium");
|
|
167
167
|
if (!i) return null;
|
|
168
|
-
const c =
|
|
168
|
+
const c = N(e, o), d = /* @__PURE__ */ t(
|
|
169
169
|
"img",
|
|
170
170
|
{
|
|
171
171
|
fetchPriority: "high",
|
|
@@ -198,6 +198,6 @@ export {
|
|
|
198
198
|
f as N,
|
|
199
199
|
te as V,
|
|
200
200
|
Q as a,
|
|
201
|
-
|
|
201
|
+
y as b,
|
|
202
202
|
l as s
|
|
203
203
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";require('./HeroSubComponents.css');const t=require("react/jsx-runtime"),l=require("react"),
|
|
1
|
+
"use strict";require('./HeroSubComponents.css');const t=require("react/jsx-runtime"),l=require("react"),y=require("./next/utils/mediaUtils.cjs"),w=require("./createLucideIcon-DpotSgUx.cjs"),p=require("./play-CQBnZgNa.cjs");/**
|
|
2
2
|
* @license lucide-react v0.488.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const x=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],b=
|
|
6
|
+
*/const x=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],b=w.createLucideIcon("pause",x),g="_hero_6wr3y_1",j="_container_6wr3y_7",C="_heading_6wr3y_15",N="_text_6wr3y_22",k="_eyebrow_6wr3y_37",B="_disclaimer_6wr3y_41",V="_articleDetails_6wr3y_53",I="_articleType_6wr3y_66",E="_articleCategories_6wr3y_80",q="_category_6wr3y_86",z="_number_6wr3y_102",T="_blog_6wr3y_129",H="_overlay_6wr3y_155",R="_tile_6wr3y_225",D="_fullBleed_6wr3y_334",F="_media_6wr3y_361",P="_splitAlt_6wr3y_448",A="_split_6wr3y_448",L="_videoControl_6wr3y_522",S="_videoBackground_6wr3y_570",U="_iframe_6wr3y_571",n={hero:g,container:j,heading:C,text:N,eyebrow:k,disclaimer:B,articleDetails:V,articleType:I,articleCategories:E,category:q,number:z,default:"_default_6wr3y_125",blog:T,overlay:H,tile:R,fullBleed:D,media:F,splitAlt:P,split:A,videoControl:L,videoBackground:S,iframe:U},v=l.memo(function({isPlaying:e,onToggle:o}){return t.jsx("button",{type:"button",title:e?"Pause the video":"Play the video","aria-label":e?"Pause video":"Play video",className:n.videoControl,onClick:o,children:e?t.jsx(b,{size:18,"aria-hidden":!0}):t.jsx(p.Play,{size:18,"aria-hidden":!0})})}),h=l.memo(function({url:e,provider:o,wrapperClassName:c,iframeClassName:s}){const i=y.buildEmbedSrc(e,o);return t.jsx("div",{className:c,children:t.jsx("iframe",{src:i,className:s,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"Embedded video","aria-label":"Background video"})})}),f=l.memo(l.forwardRef(function({src:e,autoPlay:o,posterUrl:c,wrapperClassName:s,videoClassName:i,isPlaying:a,onToggle:u},m){const d=l.useRef(null);return l.useImperativeHandle(m,()=>({play(){var r;(r=d.current)==null||r.play().catch(()=>{})},pause(){var r;(r=d.current)==null||r.pause()}})),l.useEffect(()=>{const r=d.current;r&&(a?r.play().catch(()=>{}):r.pause())},[a]),t.jsxs("div",{className:s,children:[t.jsx(v,{isPlaying:a,onToggle:u}),t.jsx("video",{ref:d,src:e,autoPlay:o,loop:!0,muted:!0,playsInline:!0,poster:c,preload:"metadata",className:i,"aria-label":"Background video"})]})})),$=l.memo(function({url:e,autoPlay:o,posterUrl:c,isPlaying:s,onToggle:i,variant:a}){const u=e.includes("vimeo.com"),m=e.includes("youtube.com")||e.includes("youtu.be"),d=u||m,r=u?"vimeo":"youtube";return a==="inline"?d?t.jsx(h,{url:e,provider:r,wrapperClassName:n.media}):t.jsx(f,{src:e,autoPlay:o,posterUrl:c,wrapperClassName:n.media,isPlaying:s,onToggle:i}):d?t.jsx(h,{url:e,provider:r,wrapperClassName:n.videoBackground,iframeClassName:n.iframe}):t.jsx(f,{src:e,autoPlay:o,posterUrl:c,videoClassName:n.videoBackground,isPlaying:s,onToggle:i})}),Y=l.memo(function({image:e,mode:o,variant:c,imageAdapter:s}){const i=y.resolveImageUrl(e,o,"medium");if(!i)return null;const a=y.resolveAltText(e,o),u=t.jsx("img",{fetchPriority:"high",src:i,alt:a,draggable:!1,style:c==="fill"?{objectFit:"cover",width:"100%",height:"100%"}:{width:"100%",height:"100%"}});return s?t.jsx("div",{className:n.media,children:c==="fill"?s.render({src:i,alt:a,fill:!0,priority:!0,fetchPriority:"high",style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):s.render({src:i,alt:a,width:650,height:750,priority:!0,fetchPriority:"high"})}):t.jsx("div",{className:n.media,children:u})});exports.HeroImage=Y;exports.NativeVideo=f;exports.VideoBlock=$;exports.VideoControl=v;exports.VideoEmbed=h;exports.styles=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._hero_6wr3y_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_6wr3y_7{width:100%;max-width:var(--layout-width, 1300px);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._heading_6wr3y_15{display:flex;flex-direction:column;width:100%;flex:1;gap:var(--spacing-md)}._heading_6wr3y_15:not(:has(._text_6wr3y_22 .portableTextContainer)){gap:var(--spacing-lg)}._heading_6wr3y_15 h1,._heading_6wr3y_15 h2,._heading_6wr3y_15 h3,._heading_6wr3y_15 h4,._heading_6wr3y_15 h5,._heading_6wr3y_15 h6{width:100%;margin-block:0}._eyebrow_6wr3y_37{font-weight:var(--font-weight-bold)}._disclaimer_6wr3y_41{color:var(--color-text-primary);font-size:var(--font-size-sm)}._text_6wr3y_22{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}._articleDetails_6wr3y_53{color:var(--color-secondary-75);display:flex;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}@media (max-width: 767px){._articleDetails_6wr3y_53{flex-wrap:wrap;gap:var(--spacing-md)}}._articleType_6wr3y_66{display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);padding:0 var(--spacing-md);color:#fff;width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._articleCategories_6wr3y_80{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}._category_6wr3y_86{border:1px solid var(--color-secondary-75);display:flex;align-items:center;justify-content:center;background-color:transparent;padding:0 var(--spacing-md);color:var(--color-secondary-75);width:auto;height:36px;border-radius:var(--radius-full);text-transform:capitalize;text-decoration:none}._number_6wr3y_102{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-secondary-75);color:#fff;width:25px;height:25px;border-radius:var(--radius-full);text-transform:capitalize;margin-right:var(--spacing-xs)}._pipe_6wr3y_115{margin:0 var(--spacing-sm)}@media (max-width: 767px){._pipe_6wr3y_115._hide_6wr3y_118{display:none}}._default_6wr3y_125{position:relative}._blog_6wr3y_129{position:relative;padding:0 var(--spacing-md)}._blog_6wr3y_129 ._container_6wr3y_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:450px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._blog_6wr3y_129 ._container_6wr3y_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._blog_6wr3y_129 ._overlay_6wr3y_155{width:100%;padding:4rem var(--spacing-md) var(--spacing-xl)}}._blog_6wr3y_129 ._text_6wr3y_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._blog_6wr3y_129 ._text_6wr3y_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._blog_6wr3y_129 ._text_6wr3y_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._blog_6wr3y_129 ._text_6wr3y_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._tile_6wr3y_225{position:relative;padding:0 var(--spacing-md)}._tile_6wr3y_225 ._container_6wr3y_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;padding:var(--nav-height) 0 0;border-radius:var(--radius-md)}._tile_6wr3y_225 ._container_6wr3y_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}@media (max-width: 767px){._tile_6wr3y_225 ._overlay_6wr3y_155{width:100%;padding:var(--spacing-md)}}@media (max-width: 767px){._tile_6wr3y_225:has(video) ._overlay_6wr3y_155{padding-bottom:3rem}}._tile_6wr3y_225 ._text_6wr3y_22{z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-md)}@media (min-width: 768px){._tile_6wr3y_225 ._text_6wr3y_22{border-radius:var(--radius-md) var(--radius-md) 0 0}._tile_6wr3y_225 ._text_6wr3y_22:before{content:"";position:absolute;top:-25px;left:0;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:-20px 20px 0 20px var(--color-background)}._tile_6wr3y_225 ._text_6wr3y_22:after{content:"";position:absolute;bottom:0;right:-20px;height:25px;width:20px;border-bottom-left-radius:var(--radius-md);box-shadow:0 10px 0 0 var(--color-background)}}._fullBleed_6wr3y_334{position:relative;padding-top:0;padding-bottom:0}._fullBleed_6wr3y_334 ._container_6wr3y_7{max-width:var(--layout-width, 1300px);position:relative;display:flex;align-items:flex-end;width:100%;min-height:550px;height:100%;overflow:hidden;flex-grow:1;border-radius:0}._fullBleed_6wr3y_334 ._container_6wr3y_7 img{z-index:1;transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_6wr3y_334 ._media_6wr3y_361{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;border-radius:0}._fullBleed_6wr3y_334 ._media_6wr3y_361 img,._fullBleed_6wr3y_334 ._media_6wr3y_361 video,._fullBleed_6wr3y_334 ._media_6wr3y_361 iframe{width:100%;height:100%;object-fit:cover;display:block}._fullBleed_6wr3y_334 ._overlay_6wr3y_155{position:relative;z-index:1;min-height:80vh;display:flex;align-items:flex-end;background:linear-gradient(to top,#000000a6,#0000004d,#0000)}@media (max-width: 767px){._fullBleed_6wr3y_334 ._overlay_6wr3y_155{min-height:60vh}}._fullBleed_6wr3y_334 ._text_6wr3y_22{max-width:700px;color:#fff;background-color:transparent;padding:0;border-radius:0;z-index:3;position:relative;max-width:650px;background-color:var(--color-background);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}._fullBleed_6wr3y_334 ._text_6wr3y_22:before,._fullBleed_6wr3y_334 ._text_6wr3y_22:after{display:none}@media (max-width: 767px){._fullBleed_6wr3y_334:has(video) ._text_6wr3y_22{margin-bottom:3rem}}._default_6wr3y_125 ._media_6wr3y_361{position:relative;width:100%;height:480px;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._default_6wr3y_125 ._media_6wr3y_361{height:280px}}._default_6wr3y_125 ._media_6wr3y_361 img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}._splitAlt_6wr3y_448 ._media_6wr3y_361,._split_6wr3y_448 ._media_6wr3y_361{height:100%;padding-bottom:0;margin-bottom:0}._splitAlt_6wr3y_448 ._media_6wr3y_361 video,._splitAlt_6wr3y_448 ._media_6wr3y_361 iframe,._split_6wr3y_448 ._media_6wr3y_361 video,._split_6wr3y_448 ._media_6wr3y_361 iframe{position:relative;border-radius:var(--radius-md)}._splitAlt_6wr3y_448 ._media_6wr3y_361 img,._split_6wr3y_448 ._media_6wr3y_361 img{border-radius:var(--radius-md);width:100%;height:auto;max-height:500px;object-fit:contain}._splitAlt_6wr3y_448 ._container_6wr3y_7{display:flex;align-items:center;gap:3rem}@media (max-width: 767px){._splitAlt_6wr3y_448 ._container_6wr3y_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._splitAlt_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{width:100%;max-width:500px}}._splitAlt_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{flex:.65}._splitAlt_6wr3y_448 ._container_6wr3y_7 ._heading_6wr3y_15{flex:.35}._split_6wr3y_448 ._container_6wr3y_7{display:flex;align-items:center;gap:3rem}._split_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{flex:1}._split_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361 img{width:100%;height:auto;max-height:500px;object-fit:contain}@media (max-width: 767px){._split_6wr3y_448 ._container_6wr3y_7{flex-direction:column-reverse;gap:var(--spacing-xl)}._split_6wr3y_448 ._container_6wr3y_7 ._media_6wr3y_361{width:100%;max-width:500px}}._videoControl_6wr3y_522{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:5;background:#00000080;border:none;border-radius:50%;padding:var(--spacing-sm);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out}._videoControl_6wr3y_522 svg{width:16px;height:16px}._videoControl_6wr3y_522:hover{color:var(--color-primary-25)}._media_6wr3y_361{position:relative;width:100%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1;margin-bottom:var(--spacing-md);line-height:0}._media_6wr3y_361 iframe,._media_6wr3y_361 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._videoBackground_6wr3y_570,._iframe_6wr3y_571{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}._iframe_6wr3y_571{border:none}.splitAlt ._text_6wr3y_22{flex:.65}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),i=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");e.vi.mock("../../utils/NoScroll/noScroll",()=>({lockScroll:e.vi.fn(),unlockScroll:e.vi.fn()}));const o=[{_key:"section1",label:"Getting Started",sublinks:[{_key:"link1",label:"Introduction",href:"/intro"},{_key:"link2",label:"Installation",href:"/install"}]},{_key:"section2",label:"Components",sublinks:[{_key:"link3",label:"Button",href:"/components/button"},{_key:"link4",label:"Input",href:"/components/input"}]}],l=[{_key:"item1",label:"Home",href:"/"},{_key:"item2",label:"About",href:"/about"},{_key:"item3",label:"Contact",href:"/contact"}];e.describe("Sidebar",()=>{e.beforeEach(()=>{global.innerWidth=1024}),e.describe("Rendering",()=>{e.it("renders sidebar with items",()=>{e.render(n.jsx(i.Sidebar,{items:o})),e.globalExpect(e.screen.getByText("Getting Started")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Components")).toBeInTheDocument()}),e.it("renders navigation links",()=>{e.render(n.jsx(i.Sidebar,{items:o})),e.globalExpect(e.screen.getByText("Introduction")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Installation")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Button")).toBeInTheDocument()}),e.it("renders with title",()=>{e.render(n.jsx(i.Sidebar,{items:o,title:"Documentation"})),e.globalExpect(e.screen.getByText("Documentation")).toBeInTheDocument()}),e.it("renders without items",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:[]})),r=t.querySelector("nav");e.globalExpect(r).toBeInTheDocument()})}),e.describe("Menu Toggle",()=>{e.it("renders toggle button",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByRole("button",{name:/open menu/i});e.globalExpect(t).toBeInTheDocument()}),e.it("toggles menu open on click",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByRole("button",{name:/open menu/i});e.fireEvent.click(t),e.globalExpect(t).toHaveAttribute("aria-expanded","true"),e.globalExpect(t).toHaveAccessibleName("Close menu")}),e.it("toggles menu closed on second click",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByRole("button");e.fireEvent.click(t),e.globalExpect(t).toHaveAttribute("aria-expanded","true"),e.fireEvent.click(t),e.globalExpect(t).toHaveAttribute("aria-expanded","false")})}),e.describe("Alignment",()=>{e.it("renders with left alignment by default",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o})),r=t.querySelector("aside");e.globalExpect(r).toHaveClass("left")}),e.it("renders with right alignment",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,alignment:"right"})),r=t.querySelector("aside");e.globalExpect(r).toHaveClass("right")})}),e.describe("External Links",()=>{e.it("renders external links with target=_blank",()=>{const t=[{_key:"external",label:"External",sublinks:[{_key:"link1",label:"GitHub",href:"https://github.com",isExternal:!0}]}];e.render(n.jsx(i.Sidebar,{items:t}));const r=e.screen.getByText("GitHub");e.globalExpect(r).toHaveAttribute("target","_blank"),e.globalExpect(r).toHaveAttribute("rel","noopener noreferrer")}),e.it("renders internal links without target attribute",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByText("Introduction");e.globalExpect(t).toHaveAttribute("target","_self"),e.globalExpect(t).not.toHaveAttribute("rel")})}),e.describe("Link Click Handling",()=>{e.it("calls onClick when provided",()=>{const t=e.vi.fn(),r=[{_key:"section",label:"Section",sublinks:[{_key:"link",label:"Clickable",href:"#",onClick:t}]}];e.render(n.jsx(i.Sidebar,{items:r}));const s=e.screen.getByText("Clickable");e.fireEvent.click(s),e.globalExpect(t).toHaveBeenCalled()})}),e.describe("Single Level Items",()=>{e.it("renders items without sublinks as direct links",()=>{e.render(n.jsx(i.Sidebar,{items:l})),e.globalExpect(e.screen.getByText("Home")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("About")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Contact")).toBeInTheDocument()}),e.it("single level links have correct href",()=>{e.render(n.jsx(i.Sidebar,{items:l}));const t=e.screen.getByText("Home");e.globalExpect(t).toHaveAttribute("href","/")})}),e.describe("Custom Styling",()=>{e.it("applies custom className",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,className:"custom-sidebar"})),r=t.querySelector("aside");e.globalExpect(r).toHaveClass("custom-sidebar")}),e.it("applies inline styles",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,style:{maxWidth:"300px"}})),r=t.querySelector("aside");e.globalExpect(r==null?void 0:r.style.maxWidth).toBe("300px")})}),e.describe("Accessibility",()=>{e.it("has proper ARIA attributes on toggle button",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getByRole("button");e.globalExpect(t).toHaveAttribute("aria-label"),e.globalExpect(t).toHaveAttribute("aria-expanded"),e.globalExpect(t).toHaveAttribute("aria-controls","sidebar-nav")}),e.it("has aria-label on nav when title provided",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,title:"Main Navigation"})),r=t.querySelector("nav");e.globalExpect(r).toHaveAttribute("aria-label","Main Navigation")}),e.it("has default aria-label on nav without title",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o})),r=t.querySelector("nav");e.globalExpect(r).toHaveAttribute("aria-label","Sidebar navigation")}),e.it("does not use role=menu on lists (sidebar is navigation, not an app menu)",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o})),r=t.querySelectorAll('[role="menu"]');e.globalExpect(r.length).toBe(0)}),e.it("does not use role=menuitem on links (sidebar uses native list semantics)",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o})),r=t.querySelectorAll('[role="menuitem"]');e.globalExpect(r.length).toBe(0)}),e.it("navigation links are accessible via native list semantics",()=>{e.render(n.jsx(i.Sidebar,{items:o}));const t=e.screen.getAllByRole("link");e.globalExpect(t.length).toBeGreaterThan(0)})}),e.describe("Props Forwarding",()=>{e.it("forwards HTML attributes",()=>{const{container:t}=e.render(n.jsx(i.Sidebar,{items:o,"data-testid":"test-sidebar"}));e.globalExpect(t.querySelector("[data-testid='test-sidebar']")).toBeInTheDocument()})}),e.describe("Edge Cases",()=>{e.it("handles items without _key",()=>{const t=[{label:"Item 1",href:"/item1"},{label:"Item 2",href:"/item2"}];e.render(n.jsx(i.Sidebar,{items:t})),e.globalExpect(e.screen.getByText("Item 1")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Item 2")).toBeInTheDocument()}),e.it("handles empty sublinks array",()=>{const t=[{_key:"item",label:"Item",href:"/item",sublinks:[]}];e.render(n.jsx(i.Sidebar,{items:t})),e.globalExpect(e.screen.getByText("Item")).toBeInTheDocument()})})});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { v as u, d as c, b as
|
|
2
|
+
import { v as u, d as c, b as h, i, r as o, g as t, s as l, f as m } from "../../../react.esm-DjxyacK8.js";
|
|
3
3
|
import { Sidebar as s } from "./index.mjs";
|
|
4
4
|
import "../../../index-DPGXWTtt.js";
|
|
5
5
|
u.mock("../../utils/NoScroll/noScroll", () => ({
|
|
@@ -29,7 +29,7 @@ const r = [
|
|
|
29
29
|
{ _key: "item3", label: "Contact", href: "/contact" }
|
|
30
30
|
];
|
|
31
31
|
c("Sidebar", () => {
|
|
32
|
-
|
|
32
|
+
h(() => {
|
|
33
33
|
global.innerWidth = 1024;
|
|
34
34
|
}), c("Rendering", () => {
|
|
35
35
|
i("renders sidebar with items", () => {
|
|
@@ -99,8 +99,8 @@ c("Sidebar", () => {
|
|
|
99
99
|
sublinks: [{ _key: "link", label: "Clickable", href: "#", onClick: e }]
|
|
100
100
|
}
|
|
101
101
|
] }));
|
|
102
|
-
const
|
|
103
|
-
m.click(
|
|
102
|
+
const d = l.getByText("Clickable");
|
|
103
|
+
m.click(d), t(e).toHaveBeenCalled();
|
|
104
104
|
});
|
|
105
105
|
}), c("Single Level Items", () => {
|
|
106
106
|
i("renders items without sublinks as direct links", () => {
|
|
@@ -135,12 +135,16 @@ c("Sidebar", () => {
|
|
|
135
135
|
}), i("has default aria-label on nav without title", () => {
|
|
136
136
|
const { container: e } = o(/* @__PURE__ */ n(s, { items: r })), a = e.querySelector("nav");
|
|
137
137
|
t(a).toHaveAttribute("aria-label", "Sidebar navigation");
|
|
138
|
-
}), i("
|
|
138
|
+
}), i("does not use role=menu on lists (sidebar is navigation, not an app menu)", () => {
|
|
139
139
|
const { container: e } = o(/* @__PURE__ */ n(s, { items: r })), a = e.querySelectorAll('[role="menu"]');
|
|
140
|
-
t(a.length).
|
|
141
|
-
}), i("
|
|
140
|
+
t(a.length).toBe(0);
|
|
141
|
+
}), i("does not use role=menuitem on links (sidebar uses native list semantics)", () => {
|
|
142
142
|
const { container: e } = o(/* @__PURE__ */ n(s, { items: r })), a = e.querySelectorAll('[role="menuitem"]');
|
|
143
|
-
t(a.length).
|
|
143
|
+
t(a.length).toBe(0);
|
|
144
|
+
}), i("navigation links are accessible via native list semantics", () => {
|
|
145
|
+
o(/* @__PURE__ */ n(s, { items: r }));
|
|
146
|
+
const e = l.getAllByRole("link");
|
|
147
|
+
t(e.length).toBeGreaterThan(0);
|
|
144
148
|
});
|
|
145
149
|
}), c("Props Forwarding", () => {
|
|
146
150
|
i("forwards HTML attributes", () => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index62.css');const n=require("react/jsx-runtime"),a=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index62.css');const n=require("react/jsx-runtime"),a=require("react"),r=require("../../utils/NoScroll/noScroll.cjs"),x=require("../../../x-Dft9NVe_.cjs"),q=require("../../../createLucideIcon-DpotSgUx.cjs");/**
|
|
2
2
|
* @license lucide-react v0.488.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const k=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]],j=q.createLucideIcon("panel-left-open",k),N="_aside_1m3gq_1",S="_nav_1m3gq_19",y="_hidden_1m3gq_40",T="_main_1m3gq_45",C="_navTitle_1m3gq_54",$="_visible_1m3gq_67",E="_open_1m3gq_85",O="_parent_1m3gq_97",I="_title_1m3gq_112",L="_children_1m3gq_117",M="_link_1m3gq_121",w="_menuToggle_1m3gq_136",z="_left_1m3gq_162",P="_right_1m3gq_174",
|
|
6
|
+
*/const k=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]],j=q.createLucideIcon("panel-left-open",k),N="_aside_1m3gq_1",S="_nav_1m3gq_19",y="_hidden_1m3gq_40",T="_main_1m3gq_45",C="_navTitle_1m3gq_54",$="_visible_1m3gq_67",E="_open_1m3gq_85",O="_parent_1m3gq_97",I="_title_1m3gq_112",L="_children_1m3gq_117",M="_link_1m3gq_121",w="_menuToggle_1m3gq_136",z="_left_1m3gq_162",P="_right_1m3gq_174",s={aside:N,nav:S,hidden:y,main:T,navTitle:C,visible:$,open:E,parent:O,title:I,children:L,link:M,menuToggle:w,left:z,right:P},V={left:s.left,right:s.right};function F({items:d=[],alignment:_="left",title:t,className:h,style:g,...u}){const[l,c]=a.useState(!1),[m,f]=a.useState(!1),p=()=>{c(e=>!e)};a.useEffect(()=>{if(typeof document<"u")return l?setTimeout(()=>{r.lockScroll()},0):r.unlockScroll(),()=>r.unlockScroll()},[l]),a.useEffect(()=>{f(!0)},[]);const o=e=>{e.onClick&&e.onClick(),window.innerWidth<768&&c(!1)};return n.jsxs("aside",{className:`${s.aside} ${V[_]} ${h??""}`.trim(),style:g,...u,children:[n.jsx("button",{className:s.menuToggle,onClick:p,"aria-label":l?"Close menu":"Open menu","aria-expanded":l,"aria-controls":"sidebar-nav",children:l?n.jsx(x.X,{size:24}):n.jsx(j,{size:24})}),n.jsxs("nav",{id:"sidebar-nav",className:`${s.nav} ${l?s.open:""} ${m?s.visible:s.hidden}`.trim(),"aria-label":t||"Sidebar navigation",children:[t&&n.jsx("h2",{className:s.navTitle,children:t}),n.jsx("ul",{className:s.main,children:d.map((e,b)=>n.jsx("li",{className:s.parent,children:e.sublinks&&e.sublinks.length>0?n.jsxs(n.Fragment,{children:[n.jsx("span",{className:s.title,children:e.label}),n.jsx("ul",{className:s.children,children:e.sublinks.map((i,v)=>n.jsx("li",{children:n.jsx("a",{href:i.href,className:s.link,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>o(i),children:i.label})},i._key||v))})]}):n.jsx("a",{href:e.href,className:s.link,target:e.isExternal?"_blank":"_self",rel:e.isExternal?"noopener noreferrer":void 0,onClick:()=>o(e),children:e.label})},e._key||b))})]})]})}exports.Sidebar=F;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as t, jsx as l, Fragment as N } from "react/jsx-runtime";
|
|
2
2
|
import { useState as c, useEffect as _ } from "react";
|
|
3
3
|
import { lockScroll as x, unlockScroll as d } from "../../utils/NoScroll/noScroll.mjs";
|
|
4
4
|
import { X as T } from "../../../x-CnsEH4Ox.js";
|
|
@@ -40,8 +40,8 @@ function K({
|
|
|
40
40
|
style: f,
|
|
41
41
|
...p
|
|
42
42
|
}) {
|
|
43
|
-
const [i,
|
|
44
|
-
|
|
43
|
+
const [i, r] = c(!1), [u, v] = c(!1), b = () => {
|
|
44
|
+
r((e) => !e);
|
|
45
45
|
};
|
|
46
46
|
_(() => {
|
|
47
47
|
if (typeof document < "u")
|
|
@@ -52,9 +52,9 @@ function K({
|
|
|
52
52
|
v(!0);
|
|
53
53
|
}, []);
|
|
54
54
|
const o = (e) => {
|
|
55
|
-
e.onClick && e.onClick(), window.innerWidth < 768 &&
|
|
55
|
+
e.onClick && e.onClick(), window.innerWidth < 768 && r(!1);
|
|
56
56
|
};
|
|
57
|
-
return /* @__PURE__ */
|
|
57
|
+
return /* @__PURE__ */ t(
|
|
58
58
|
"aside",
|
|
59
59
|
{
|
|
60
60
|
className: `${n.aside} ${A[h]} ${g ?? ""}`.trim(),
|
|
@@ -72,7 +72,7 @@ function K({
|
|
|
72
72
|
children: i ? /* @__PURE__ */ l(T, { size: 24 }) : /* @__PURE__ */ l($, { size: 24 })
|
|
73
73
|
}
|
|
74
74
|
),
|
|
75
|
-
/* @__PURE__ */
|
|
75
|
+
/* @__PURE__ */ t(
|
|
76
76
|
"nav",
|
|
77
77
|
{
|
|
78
78
|
id: "sidebar-nav",
|
|
@@ -80,9 +80,9 @@ function K({
|
|
|
80
80
|
"aria-label": s || "Sidebar navigation",
|
|
81
81
|
children: [
|
|
82
82
|
s && /* @__PURE__ */ l("h2", { className: n.navTitle, children: s }),
|
|
83
|
-
/* @__PURE__ */ l("ul", { className: n.main,
|
|
83
|
+
/* @__PURE__ */ l("ul", { className: n.main, children: m.map((e, k) => /* @__PURE__ */ l("li", { className: n.parent, children: e.sublinks && e.sublinks.length > 0 ? /* @__PURE__ */ t(N, { children: [
|
|
84
84
|
/* @__PURE__ */ l("span", { className: n.title, children: e.label }),
|
|
85
|
-
/* @__PURE__ */ l("ul", { className: n.children,
|
|
85
|
+
/* @__PURE__ */ l("ul", { className: n.children, children: e.sublinks.map((a, q) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
|
|
86
86
|
"a",
|
|
87
87
|
{
|
|
88
88
|
href: a.href,
|
|
@@ -90,7 +90,6 @@ function K({
|
|
|
90
90
|
target: a.isExternal ? "_blank" : "_self",
|
|
91
91
|
rel: a.isExternal ? "noopener noreferrer" : void 0,
|
|
92
92
|
onClick: () => o(a),
|
|
93
|
-
role: "menuitem",
|
|
94
93
|
children: a.label
|
|
95
94
|
}
|
|
96
95
|
) }, a._key || q)) })
|
|
@@ -102,7 +101,6 @@ function K({
|
|
|
102
101
|
target: e.isExternal ? "_blank" : "_self",
|
|
103
102
|
rel: e.isExternal ? "noopener noreferrer" : void 0,
|
|
104
103
|
onClick: () => o(e),
|
|
105
|
-
role: "menuitem",
|
|
106
104
|
children: e.label
|
|
107
105
|
}
|
|
108
106
|
) }, e._key || k)) })
|
package/dist/core.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css */const e=require("./core/components/Accordion/index.cjs"),o=require("./AccordionItem-DulgZilf.cjs"),n=require("./core/components/Avatar/index.cjs"),r=require("./core/components/Badge/index.cjs"),c=require("./core/components/Box/index.cjs"),t=require("./core/components/Breadcrumbs/index.cjs"),i=require("./core/components/ButtonGroup/index.cjs"),_=require("./index-D0ylyll7.cjs"),s=require("./core/components/Card/index.cjs"),a=require("./core/components/Carousel/index.cjs"),d=require("./core/components/Checkbox/index.cjs"),u=require("./core/components/Container/index.cjs"),p=require("./core/components/DatePicker/index.cjs"),m=require("./core/components/Divider/index.cjs"),x=require("./core/components/Drawer/index.cjs"),q=require("./core/components/Fieldset/index.cjs"),l=require("./core/components/FileUpload/index.cjs"),S=require("./core/components/FloatingActionButton/index.cjs"),b=require("./core/components/Footer/index.cjs"),B=require("./core/components/Form/index.cjs"),T=require("./core/components/Grid/index.cjs"),g=require("./core/components/Heading/index.cjs"),C=require("./core/components/Input/index.cjs"),F=require("./core/components/Label/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css */const e=require("./core/components/Accordion/index.cjs"),o=require("./AccordionItem-DulgZilf.cjs"),n=require("./core/components/Avatar/index.cjs"),r=require("./core/components/Badge/index.cjs"),c=require("./core/components/Box/index.cjs"),t=require("./core/components/Breadcrumbs/index.cjs"),i=require("./core/components/ButtonGroup/index.cjs"),_=require("./index-D0ylyll7.cjs"),s=require("./core/components/Card/index.cjs"),a=require("./core/components/Carousel/index.cjs"),d=require("./core/components/Checkbox/index.cjs"),u=require("./core/components/Container/index.cjs"),p=require("./core/components/DatePicker/index.cjs"),m=require("./core/components/Divider/index.cjs"),x=require("./core/components/Drawer/index.cjs"),q=require("./core/components/Fieldset/index.cjs"),l=require("./core/components/FileUpload/index.cjs"),S=require("./core/components/FloatingActionButton/index.cjs"),b=require("./core/components/Footer/index.cjs"),B=require("./core/components/Form/index.cjs"),T=require("./core/components/Grid/index.cjs"),g=require("./core/components/Heading/index.cjs"),C=require("./core/components/Input/index.cjs"),F=require("./core/components/Label/index.cjs"),k=require("./core/components/List/index.cjs"),v=require("./core/components/Modal/index.cjs"),A=require("./core/components/NavBar/index.cjs"),h=require("./core/components/Notification/index.cjs"),P=require("./core/components/NotificationContainer/index.cjs"),D=require("./core/components/ProgressBar/index.cjs"),N=require("./core/components/Radio/index.cjs"),f=require("./core/components/Range/index.cjs"),M=require("./core/components/Select/index.cjs"),w=require("./core/components/Sidebar/index.cjs"),G=require("./core/components/Skeleton/index.cjs"),I=require("./core/components/Spacer/index.cjs"),L=require("./core/components/Spinner/index.cjs"),R=require("./core/components/Stack/index.cjs"),y=require("./core/components/Switch/index.cjs"),H=require("./core/components/Table/index.cjs"),Q=require("./core/components/Tabs/index.cjs"),U=require("./core/components/Text/index.cjs"),j=require("./core/components/Textarea/index.cjs"),O=require("./core/components/Tooltip/index.cjs"),z=require("./core/utils/ThemeProvider/index.cjs"),E=require("./core/hooks/useMediaQuery.cjs");exports.Accordion=e.Accordion;exports.AccordionItem=o.AccordionItem;exports.Avatar=n.Avatar;exports.Badge=r.Badge;exports.Box=c.Box;exports.Breadcrumbs=t.Breadcrumbs;exports.ButtonGroup=i.ButtonGroup;exports.Button=_.Button;exports.Card=s.Card;exports.Carousel=a.Carousel;exports.Checkbox=d.Checkbox;exports.Container=u.Container;exports.DatePicker=p.DatePicker;exports.Divider=m.Divider;exports.Drawer=x.Drawer;exports.Fieldset=q.Fieldset;exports.FileUpload=l.FileUpload;exports.FloatingActionButton=S.FloatingActionButton;exports.Footer=b.Footer;exports.Form=B.Form;exports.Grid=T.Grid;exports.Heading=g.Heading;exports.Input=C.Input;exports.Label=F.Label;exports.List=k.List;exports.Modal=v.Modal;exports.Navbar=A.Navbar;exports.Notification=h.Notification;exports.NotificationContainer=P.NotificationContainer;exports.ProgressBar=D.ProgressBar;exports.Radio=N.Radio;exports.Range=f.Range;exports.Select=M.Select;exports.Sidebar=w.Sidebar;exports.Skeleton=G.Skeleton;exports.Spacer=I.Spacer;exports.Spinner=L.Spinner;exports.Stack=R.Stack;exports.Switch=y.Switch;exports.Table=H.Table;exports.Tabs=Q.Tabs;exports.Text=U.Text;exports.Textarea=j.Textarea;exports.Tooltip=O.Tooltip;exports.ThemeProvider=z.ThemeProvider;exports.useMediaQuery=E.useMediaQuery;
|
package/dist/core.d.ts
CHANGED
|
@@ -1614,6 +1614,18 @@ declare type TriggerProps = {
|
|
|
1614
1614
|
className?: string;
|
|
1615
1615
|
};
|
|
1616
1616
|
|
|
1617
|
+
/**
|
|
1618
|
+
* Returns whether the given media query currently matches.
|
|
1619
|
+
*
|
|
1620
|
+
* Fixes over the original:
|
|
1621
|
+
* - Initial state is seeded from the query directly (lazy initialiser) so
|
|
1622
|
+
* the first render is already correct instead of always returning false.
|
|
1623
|
+
* - `matches` removed from the useEffect dependency array — it was causing
|
|
1624
|
+
* the effect to re-run every time matches changed, creating a feedback loop.
|
|
1625
|
+
* - SSR guard moved to the lazy initialiser so the effect body is cleaner.
|
|
1626
|
+
*/
|
|
1627
|
+
export declare function useMediaQuery(query: string): boolean;
|
|
1628
|
+
|
|
1617
1629
|
export declare type UtilityItem = {
|
|
1618
1630
|
_key?: string;
|
|
1619
1631
|
label: string | default_2.ReactNode;
|
package/dist/core.mjs
CHANGED
|
@@ -3,10 +3,10 @@ import { Accordion as t } from "./core/components/Accordion/index.mjs";
|
|
|
3
3
|
import { A as m } from "./AccordionItem-CH19zWNr.js";
|
|
4
4
|
import { Avatar as f } from "./core/components/Avatar/index.mjs";
|
|
5
5
|
import { Badge as i } from "./core/components/Badge/index.mjs";
|
|
6
|
-
import { Box as
|
|
6
|
+
import { Box as d } from "./core/components/Box/index.mjs";
|
|
7
7
|
import { Breadcrumbs as l } from "./core/components/Breadcrumbs/index.mjs";
|
|
8
|
-
import { ButtonGroup as
|
|
9
|
-
import { B as
|
|
8
|
+
import { ButtonGroup as u } from "./core/components/ButtonGroup/index.mjs";
|
|
9
|
+
import { B as b } from "./index-CnlJ2RgH.js";
|
|
10
10
|
import { Card as T } from "./core/components/Card/index.mjs";
|
|
11
11
|
import { Carousel as A } from "./core/components/Carousel/index.mjs";
|
|
12
12
|
import { Checkbox as F } from "./core/components/Checkbox/index.mjs";
|
|
@@ -15,12 +15,12 @@ import { DatePicker as D } from "./core/components/DatePicker/index.mjs";
|
|
|
15
15
|
import { Divider as P } from "./core/components/Divider/index.mjs";
|
|
16
16
|
import { Drawer as G } from "./core/components/Drawer/index.mjs";
|
|
17
17
|
import { Fieldset as L } from "./core/components/Fieldset/index.mjs";
|
|
18
|
-
import { FileUpload as
|
|
19
|
-
import { FloatingActionButton as
|
|
20
|
-
import { Footer as
|
|
21
|
-
import { Form as
|
|
22
|
-
import { Grid as
|
|
23
|
-
import { Heading as
|
|
18
|
+
import { FileUpload as R } from "./core/components/FileUpload/index.mjs";
|
|
19
|
+
import { FloatingActionButton as H } from "./core/components/FloatingActionButton/index.mjs";
|
|
20
|
+
import { Footer as U } from "./core/components/Footer/index.mjs";
|
|
21
|
+
import { Form as q } from "./core/components/Form/index.mjs";
|
|
22
|
+
import { Grid as E } from "./core/components/Grid/index.mjs";
|
|
23
|
+
import { Heading as K } from "./core/components/Heading/index.mjs";
|
|
24
24
|
import { Input as V } from "./core/components/Input/index.mjs";
|
|
25
25
|
import { Label as X } from "./core/components/Label/index.mjs";
|
|
26
26
|
import { List as Z } from "./core/components/List/index.mjs";
|
|
@@ -32,7 +32,7 @@ import { ProgressBar as fo } from "./core/components/ProgressBar/index.mjs";
|
|
|
32
32
|
import { Radio as io } from "./core/components/Radio/index.mjs";
|
|
33
33
|
import { Range as co } from "./core/components/Range/index.mjs";
|
|
34
34
|
import { Select as so } from "./core/components/Select/index.mjs";
|
|
35
|
-
import { Sidebar as
|
|
35
|
+
import { Sidebar as Bo } from "./core/components/Sidebar/index.mjs";
|
|
36
36
|
import { Skeleton as So } from "./core/components/Skeleton/index.mjs";
|
|
37
37
|
import { Spacer as go } from "./core/components/Spacer/index.mjs";
|
|
38
38
|
import { Spinner as Co } from "./core/components/Spinner/index.mjs";
|
|
@@ -41,18 +41,19 @@ import { Switch as ho } from "./core/components/Switch/index.mjs";
|
|
|
41
41
|
import { Table as No } from "./core/components/Table/index.mjs";
|
|
42
42
|
import { Tabs as wo } from "./core/components/Tabs/index.mjs";
|
|
43
43
|
import { Text as Io } from "./core/components/Text/index.mjs";
|
|
44
|
-
import { Textarea as
|
|
45
|
-
import { Tooltip as
|
|
46
|
-
import { ThemeProvider as
|
|
44
|
+
import { Textarea as Mo } from "./core/components/Textarea/index.mjs";
|
|
45
|
+
import { Tooltip as yo } from "./core/components/Tooltip/index.mjs";
|
|
46
|
+
import { ThemeProvider as Qo } from "./core/utils/ThemeProvider/index.mjs";
|
|
47
|
+
import { useMediaQuery as jo } from "./core/hooks/useMediaQuery.mjs";
|
|
47
48
|
export {
|
|
48
49
|
t as Accordion,
|
|
49
50
|
m as AccordionItem,
|
|
50
51
|
f as Avatar,
|
|
51
52
|
i as Badge,
|
|
52
|
-
|
|
53
|
+
d as Box,
|
|
53
54
|
l as Breadcrumbs,
|
|
54
|
-
|
|
55
|
-
|
|
55
|
+
b as Button,
|
|
56
|
+
u as ButtonGroup,
|
|
56
57
|
T as Card,
|
|
57
58
|
A as Carousel,
|
|
58
59
|
F as Checkbox,
|
|
@@ -61,12 +62,12 @@ export {
|
|
|
61
62
|
P as Divider,
|
|
62
63
|
G as Drawer,
|
|
63
64
|
L as Fieldset,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
65
|
+
R as FileUpload,
|
|
66
|
+
H as FloatingActionButton,
|
|
67
|
+
U as Footer,
|
|
68
|
+
q as Form,
|
|
69
|
+
E as Grid,
|
|
70
|
+
K as Heading,
|
|
70
71
|
V as Input,
|
|
71
72
|
X as Label,
|
|
72
73
|
Z as List,
|
|
@@ -78,7 +79,7 @@ export {
|
|
|
78
79
|
io as Radio,
|
|
79
80
|
co as Range,
|
|
80
81
|
so as Select,
|
|
81
|
-
|
|
82
|
+
Bo as Sidebar,
|
|
82
83
|
So as Skeleton,
|
|
83
84
|
go as Spacer,
|
|
84
85
|
Co as Spinner,
|
|
@@ -87,7 +88,8 @@ export {
|
|
|
87
88
|
No as Table,
|
|
88
89
|
wo as Tabs,
|
|
89
90
|
Io as Text,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
91
|
+
Mo as Textarea,
|
|
92
|
+
Qo as ThemeProvider,
|
|
93
|
+
yo as Tooltip,
|
|
94
|
+
jo as useMediaQuery
|
|
93
95
|
};
|
package/dist/main.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css */const t=require("./core/components/Accordion/index.cjs"),i=require("./AccordionItem-DulgZilf.cjs"),_=require("./core/components/Avatar/index.cjs"),d=require("./core/components/Badge/index.cjs"),s=require("./core/components/Box/index.cjs"),a=require("./core/components/Breadcrumbs/index.cjs"),l=require("./core/components/ButtonGroup/index.cjs"),u=require("./index-D0ylyll7.cjs"),x=require("./core/components/Card/index.cjs"),k=require("./core/components/Carousel/index.cjs"),p=require("./core/components/Checkbox/index.cjs"),B=require("./core/components/Container/index.cjs"),q=require("./core/components/DatePicker/index.cjs"),m=require("./core/components/Divider/index.cjs"),C=require("./core/components/Drawer/index.cjs"),T=require("./core/components/Fieldset/index.cjs"),b=require("./core/components/FileUpload/index.cjs"),S=require("./core/components/FloatingActionButton/index.cjs"),g=require("./core/components/Footer/index.cjs"),A=require("./core/components/Form/index.cjs"),h=require("./core/components/Grid/index.cjs"),v=require("./core/components/Heading/index.cjs"),R=require("./core/components/Input/index.cjs"),F=require("./core/components/Label/index.cjs"),L=require("./core/components/List/index.cjs"),P=require("./core/components/Modal/index.cjs"),D=require("./core/components/NavBar/index.cjs"),H=require("./core/components/Notification/index.cjs"),G=require("./core/components/NotificationContainer/index.cjs"),w=require("./core/components/ProgressBar/index.cjs"),f=require("./core/components/Radio/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css */const t=require("./core/components/Accordion/index.cjs"),i=require("./AccordionItem-DulgZilf.cjs"),_=require("./core/components/Avatar/index.cjs"),d=require("./core/components/Badge/index.cjs"),s=require("./core/components/Box/index.cjs"),a=require("./core/components/Breadcrumbs/index.cjs"),l=require("./core/components/ButtonGroup/index.cjs"),u=require("./index-D0ylyll7.cjs"),x=require("./core/components/Card/index.cjs"),k=require("./core/components/Carousel/index.cjs"),p=require("./core/components/Checkbox/index.cjs"),B=require("./core/components/Container/index.cjs"),q=require("./core/components/DatePicker/index.cjs"),m=require("./core/components/Divider/index.cjs"),C=require("./core/components/Drawer/index.cjs"),T=require("./core/components/Fieldset/index.cjs"),b=require("./core/components/FileUpload/index.cjs"),S=require("./core/components/FloatingActionButton/index.cjs"),g=require("./core/components/Footer/index.cjs"),A=require("./core/components/Form/index.cjs"),h=require("./core/components/Grid/index.cjs"),v=require("./core/components/Heading/index.cjs"),R=require("./core/components/Input/index.cjs"),F=require("./core/components/Label/index.cjs"),L=require("./core/components/List/index.cjs"),P=require("./core/components/Modal/index.cjs"),D=require("./core/components/NavBar/index.cjs"),H=require("./core/components/Notification/index.cjs"),G=require("./core/components/NotificationContainer/index.cjs"),w=require("./core/components/ProgressBar/index.cjs"),f=require("./core/components/Radio/index.cjs"),M=require("./core/components/Range/index.cjs"),y=require("./core/components/Select/index.cjs"),N=require("./core/components/Sidebar/index.cjs"),I=require("./core/components/Skeleton/index.cjs"),Q=require("./core/components/Spacer/index.cjs"),U=require("./core/components/Spinner/index.cjs"),W=require("./core/components/Stack/index.cjs"),E=require("./core/components/Switch/index.cjs"),Y=require("./core/components/Table/index.cjs"),j=require("./core/components/Tabs/index.cjs"),O=require("./core/components/Text/index.cjs"),z=require("./core/components/Textarea/index.cjs"),J=require("./core/components/Tooltip/index.cjs"),K=require("./core/utils/ThemeProvider/index.cjs"),V=require("./core/hooks/useMediaQuery.cjs"),X=require("./next/blocks/AccordionBlock/index.cjs"),Z=require("./next/blocks/AdditionalCategoriesBlock/index.cjs"),$=require("./next/blocks/CardGridBlock/index.cjs"),ee=require("./next/blocks/CarouselBlock/index.cjs"),oe=require("./next/blocks/ContentBlock/index.cjs"),re=require("./next/blocks/DocumentListBlock/index.cjs"),ne=require("./next/blocks/FeaturedDocumentsBlock/index.cjs"),ce=require("./next/blocks/HeroBlock/index.cjs"),o=require("./next/blocks/HeroBlock/HeroContext.cjs"),te=require("./next/ui/LocaleLink/index.cjs"),ie=require("./next/blocks/QuoteBlock/index.cjs"),_e=require("./next/blocks/RichTextBlock/index.cjs"),de=require("./next/blocks/MarkdownBlock/index.cjs"),se=require("./next/ui/PortableTextRenderer/index.cjs"),ae=require("./next/blocks/StickyScrollBlock/index.cjs"),le=require("./next/blocks/TabsBlock/index.cjs"),ue=require("./next/blocks/WasHelpfulBlock/index.cjs"),xe=require("./next/blocks/FormBlock/index.cjs"),ke=require("./next/cards/SpotlightCard/index.cjs"),pe=require("./next/cards/BlogArticleCard/index.cjs"),Be=require("./next/cards/SpotlightCardAdapter.cjs"),qe=require("./next/cards/BlogArticleCardAdapter.cjs"),r=require("./next/cards/cardRegistry.cjs"),me=require("./next/cards/BioCard/index.cjs"),Ce=require("./next/cards/GridCard/index.cjs"),Te=require("./next/cards/ProductCard/index.cjs"),be=require("./next/cards/ReviewCard/index.cjs"),Se=require("./next/cards/SegmentCard/index.cjs"),ge=require("./next/cards/ServiceCard/index.cjs"),Ae=require("./next/cards/TestimonialCard/index.cjs"),n=require("./next/context/LocaleBridge.cjs"),c=require("./core/context/ThemeContext.cjs"),e=require("./next/utils/blockRenderers.cjs");exports.Accordion=t.Accordion;exports.AccordionItem=i.AccordionItem;exports.Avatar=_.Avatar;exports.Badge=d.Badge;exports.Box=s.Box;exports.Breadcrumbs=a.Breadcrumbs;exports.ButtonGroup=l.ButtonGroup;exports.Button=u.Button;exports.Card=x.Card;exports.Carousel=k.Carousel;exports.Checkbox=p.Checkbox;exports.Container=B.Container;exports.DatePicker=q.DatePicker;exports.Divider=m.Divider;exports.Drawer=C.Drawer;exports.Fieldset=T.Fieldset;exports.FileUpload=b.FileUpload;exports.FloatingActionButton=S.FloatingActionButton;exports.Footer=g.Footer;exports.Form=A.Form;exports.Grid=h.Grid;exports.Heading=v.Heading;exports.Input=R.Input;exports.Label=F.Label;exports.List=L.List;exports.Modal=P.Modal;exports.Navbar=D.Navbar;exports.Notification=H.Notification;exports.NotificationContainer=G.NotificationContainer;exports.ProgressBar=w.ProgressBar;exports.Radio=f.Radio;exports.Range=M.Range;exports.Select=y.Select;exports.Sidebar=N.Sidebar;exports.Skeleton=I.Skeleton;exports.Spacer=Q.Spacer;exports.Spinner=U.Spinner;exports.Stack=W.Stack;exports.Switch=E.Switch;exports.Table=Y.Table;exports.Tabs=j.Tabs;exports.Text=O.Text;exports.Textarea=z.Textarea;exports.Tooltip=J.Tooltip;exports.ThemeProvider=K.ThemeProvider;exports.useMediaQuery=V.useMediaQuery;exports.AccordionBlock=X.AccordionBlock;exports.AdditionalCategoriesBlock=Z.AdditionalCategoriesBlock;exports.CardGridBlock=$.CardGridBlock;exports.CarouselBlock=ee.CarouselBlock;exports.ContentBlock=oe.ContentBlock;exports.DocumentListBlock=re.DocumentListBlock;exports.FeaturedDocumentsBlock=ne.FeaturedDocumentsBlock;exports.HeroBlock=ce.HeroBlock;exports.HeroProvider=o.HeroProvider;exports.useHeroContext=o.useHeroContext;exports.LocaleLink=te.LocaleLink;exports.QuoteBlock=ie.QuoteBlock;exports.RichTextBlock=_e.RichTextBlock;exports.MarkdownBlock=de.MarkdownBlock;exports.RichText=se.RichText;exports.StickyScrollBlock=ae.StickyScrollBlock;exports.TabsBlock=le.TabsBlock;exports.WasHelpfulBlock=ue.WasHelpfulBlock;exports.FormBlock=xe.FormBlock;exports.SpotlightCard=ke.SpotlightCard;exports.BlogArticleCard=pe.BlogArticleCard;exports.SpotlightCardAdapter=Be.SpotlightCardAdapter;exports.BlogArticleCardAdapter=qe.BlogArticleCardAdapter;exports.CARD_REGISTRY=r.CARD_REGISTRY;exports.resolveCard=r.resolveCard;exports.BioCard=me.BioCard;exports.GridCard=Ce.GridCard;exports.ProductCard=Te.ProductCard;exports.ReviewCard=be.ReviewCard;exports.SegmentCard=Se.SegmentCard;exports.ServiceCard=ge.ServiceCard;exports.TestimonialCard=Ae.TestimonialCard;exports.LocaleBridgeProvider=n.LocaleBridgeProvider;exports.useLocaleBridge=n.useLocaleBridge;exports.AppThemeProvider=c.AppThemeProvider;exports.useTheme=c.useTheme;exports.extractText=e.extractText;exports.renderCallToAction=e.renderCallToAction;exports.renderRichText=e.renderRichText;
|