quirk-ui 0.1.112 → 0.1.113

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.1.112",
4
+ "version": "0.1.113",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {
@@ -1 +0,0 @@
1
- "use strict";require('./NavLink.css');const l=require("react/jsx-runtime"),d=require("react"),p=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),v="_navbar_rle6b_1",f="_sticky_rle6b_15",I="_left_rle6b_31",C="_container_rle6b_32",M="_logo_rle6b_36",w="_nav_rle6b_1",y="_center_rle6b_51",x="_hidden_rle6b_59",T="_visible_rle6b_66",N="_right_rle6b_81",j="_title_rle6b_88",S="_linkWrapper_rle6b_98",W="_parent_rle6b_98",$="_linkItem_rle6b_105",D="_link_rle6b_98",L="_search_rle6b_111",E="_locale_rle6b_112",F="_themeToggle_rle6b_113",q="_sublinkToggle_rle6b_114",R="_standard_rle6b_165",B="_triangle_rle6b_173",z="_twoColumn_rle6b_202",A="_mobileButtons_rle6b_211",G="_menuToggle_rle6b_289",H="_utilityMobile_rle6b_307",J="_utility_rle6b_307",K="_navInner_rle6b_335",Q="_grid_rle6b_346",U="_searchModal_rle6b_369",V="_localeModal_rle6b_370",X="_separator_rle6b_390",Y="_newTabIcon_rle6b_432",Z="_sublinksDescription_rle6b_445",O="_linkContent_rle6b_448",P="_open_rle6b_461",ee="_back_rle6b_485",ne="_sublinks_rle6b_445",le="_show_rle6b_534",re="_primaryColumn_rle6b_583",oe="_secondaryColumn_rle6b_592",te="_spotlightColumn_rle6b_596",se="_sublinksInner_rle6b_600",_e="_sublinksColumn_rle6b_619",ie="_chevron_rle6b_629",ce="_menubar_rle6b_641",ae="_toolbar_rle6b_645",be="_advanced_rle6b_846",ue="_subtitle_rle6b_855",de="_withSpotlight_rle6b_897",me="_withoutSpotlight_rle6b_901",ge="_transparent_rle6b_939",he="_groupDivider_rle6b_1050",pe="_searchWrapper_rle6b_1058",ke="_mobileMenu_rle6b_1065",ve="_mobileMenuSlide_rle6b_1066",fe="_mobileMenuItem_rle6b_1076",Ie="_fadeInFromLeft_rle6b_1080",Ce="_fadeInFromRight_rle6b_1084",Me="_spotlight_rle6b_596",we="_imageWrapper_rle6b_1094",ye="_content_rle6b_1116",xe="_description_rle6b_1131",Te="_actions_rle6b_1135",n={navbar:v,sticky:f,left:I,container:C,logo:M,nav:w,center:y,hidden:x,visible:T,right:N,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:ee,sublinks:ne,show:le,primaryColumn:re,secondaryColumn:oe,spotlightColumn:te,sublinksInner:se,sublinksColumn:_e,chevron:ie,menubar:ce,toolbar:ae,default:"_default_rle6b_773",advanced:be,subtitle:ue,withSpotlight:de,withoutSpotlight:me,transparent:ge,groupDivider:he,searchWrapper:pe,mobileMenu:ke,mobileMenuSlide:ve,mobileMenuItem:fe,fadeInFromLeft:Ie,fadeInFromRight:Ce,spotlight:Me,imageWrapper:we,content:ye,description:xe,actions:Te};function Ne({link:e,path:r,parentPath:i,openPath:m,togglePath:c,updateTriangleIndicator:g,setOpenPath:t,renderLinks:h,buttonRefs:s}){var b;const _=m===r,o=!!((b=e.sublinks)!=null&&b.length),a=d.useRef(null);return d.useEffect(()=>(s.current.set(r,a.current),()=>{s.current.delete(r)}),[r,s]),l.jsxs("div",{role:"menuitem",className:`${n.linkWrapper} ${i?"":n.parent}`,children:[l.jsx("div",{className:n.linkItem,children:e.href?l.jsxs("a",{href:e.href,className:n.link,target:e.isExternal?"_blank":"_self",rel:e.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;t(null),(u=e.onClick)==null||u.call(e)},onMouseEnter:()=>{i||t(null)},children:[e.label,e.isExternal&&l.jsx(p.ExternalLink,{className:n.newTabIcon,size:16,"aria-hidden":"true"})]}):l.jsxs("button",{ref:a,"aria-haspopup":o?!0:void 0,"aria-expanded":o?_:void 0,className:`${n.sublinkToggle} ${_?n.open:""}`,onClick:()=>c(r),onMouseEnter:()=>{g(r),t(r)},children:[e.label,o&&l.jsx(k.ChevronDown,{size:18,className:n.chevron,"aria-hidden":"true"})]})}),o&&l.jsx("div",{className:`${n.sublinks} ${_?n.show:""}`,onMouseLeave:()=>c(r),role:"menu","aria-label":`${e.label} submenu`,children:l.jsx("div",{children:l.jsx("div",{className:n.sublinksInner,children:l.jsx("div",{className:n.sublinksColumn,children:h(e.sublinks,r)})})})})]})}exports.NavLink=Ne;exports.styles=n;
@@ -1,159 +0,0 @@
1
- import { jsxs as i, jsx as o } from "react/jsx-runtime";
2
- import { useRef as h, useEffect as k } from "react";
3
- import { E as v } from "./external-link-BOPobeQJ.js";
4
- import { C as f } from "./chevron-down-DSUzBz9F.js";
5
- import './NavLink.css';const C = "_navbar_rle6b_1", I = "_sticky_rle6b_15", M = "_left_rle6b_31", w = "_container_rle6b_32", y = "_logo_rle6b_36", T = "_nav_rle6b_1", N = "_center_rle6b_51", S = "_hidden_rle6b_59", W = "_visible_rle6b_66", x = "_right_rle6b_81", E = "_title_rle6b_88", D = "_linkWrapper_rle6b_98", $ = "_parent_rle6b_98", F = "_linkItem_rle6b_105", L = "_link_rle6b_98", B = "_search_rle6b_111", R = "_locale_rle6b_112", j = "_themeToggle_rle6b_113", z = "_sublinkToggle_rle6b_114", q = "_standard_rle6b_165", A = "_triangle_rle6b_173", G = "_twoColumn_rle6b_202", H = "_mobileButtons_rle6b_211", J = "_menuToggle_rle6b_289", K = "_utilityMobile_rle6b_307", Q = "_utility_rle6b_307", U = "_navInner_rle6b_335", V = "_grid_rle6b_346", X = "_searchModal_rle6b_369", Y = "_localeModal_rle6b_370", Z = "_separator_rle6b_390", O = "_newTabIcon_rle6b_432", P = "_sublinksDescription_rle6b_445", ee = "_linkContent_rle6b_448", ne = "_open_rle6b_461", le = "_back_rle6b_485", oe = "_sublinks_rle6b_445", re = "_show_rle6b_534", te = "_primaryColumn_rle6b_583", se = "_secondaryColumn_rle6b_592", _e = "_spotlightColumn_rle6b_596", ie = "_sublinksInner_rle6b_600", ae = "_sublinksColumn_rle6b_619", ce = "_chevron_rle6b_629", be = "_menubar_rle6b_641", ue = "_toolbar_rle6b_645", me = "_advanced_rle6b_846", de = "_subtitle_rle6b_855", pe = "_withSpotlight_rle6b_897", ge = "_withoutSpotlight_rle6b_901", he = "_transparent_rle6b_939", ke = "_groupDivider_rle6b_1050", ve = "_searchWrapper_rle6b_1058", fe = "_mobileMenu_rle6b_1065", Ce = "_mobileMenuSlide_rle6b_1066", Ie = "_mobileMenuItem_rle6b_1076", Me = "_fadeInFromLeft_rle6b_1080", we = "_fadeInFromRight_rle6b_1084", ye = "_spotlight_rle6b_596", Te = "_imageWrapper_rle6b_1094", Ne = "_content_rle6b_1116", Se = "_description_rle6b_1131", We = "_actions_rle6b_1135", n = {
6
- navbar: C,
7
- sticky: I,
8
- left: M,
9
- container: w,
10
- logo: y,
11
- nav: T,
12
- center: N,
13
- hidden: S,
14
- visible: W,
15
- right: x,
16
- title: E,
17
- linkWrapper: D,
18
- parent: $,
19
- linkItem: F,
20
- link: L,
21
- search: B,
22
- locale: R,
23
- themeToggle: j,
24
- sublinkToggle: z,
25
- standard: q,
26
- triangle: A,
27
- twoColumn: G,
28
- mobileButtons: H,
29
- menuToggle: J,
30
- utilityMobile: K,
31
- utility: Q,
32
- navInner: U,
33
- grid: V,
34
- searchModal: X,
35
- localeModal: Y,
36
- separator: Z,
37
- newTabIcon: O,
38
- sublinksDescription: P,
39
- linkContent: ee,
40
- open: ne,
41
- back: le,
42
- sublinks: oe,
43
- show: re,
44
- primaryColumn: te,
45
- secondaryColumn: se,
46
- spotlightColumn: _e,
47
- sublinksInner: ie,
48
- sublinksColumn: ae,
49
- chevron: ce,
50
- menubar: be,
51
- toolbar: ue,
52
- default: "_default_rle6b_773",
53
- advanced: me,
54
- subtitle: de,
55
- withSpotlight: pe,
56
- withoutSpotlight: ge,
57
- transparent: he,
58
- groupDivider: ke,
59
- searchWrapper: ve,
60
- mobileMenu: fe,
61
- mobileMenuSlide: Ce,
62
- mobileMenuItem: Ie,
63
- fadeInFromLeft: Me,
64
- fadeInFromRight: we,
65
- spotlight: ye,
66
- imageWrapper: Te,
67
- content: Ne,
68
- description: Se,
69
- actions: We
70
- };
71
- function Fe({
72
- link: e,
73
- path: l,
74
- parentPath: a,
75
- openPath: d,
76
- togglePath: c,
77
- updateTriangleIndicator: p,
78
- setOpenPath: t,
79
- renderLinks: g,
80
- buttonRefs: s
81
- }) {
82
- var u;
83
- const _ = d === l, r = !!((u = e.sublinks) != null && u.length), b = h(null);
84
- return k(() => (s.current.set(l, b.current), () => {
85
- s.current.delete(l);
86
- }), [l, s]), /* @__PURE__ */ i(
87
- "div",
88
- {
89
- role: "menuitem",
90
- className: `${n.linkWrapper} ${a ? "" : n.parent}`,
91
- children: [
92
- /* @__PURE__ */ o("div", { className: n.linkItem, children: e.href ? /* @__PURE__ */ i(
93
- "a",
94
- {
95
- href: e.href,
96
- className: n.link,
97
- target: e.isExternal ? "_blank" : "_self",
98
- rel: e.isExternal ? "noopener noreferrer" : void 0,
99
- onClick: () => {
100
- var m;
101
- t(null), (m = e.onClick) == null || m.call(e);
102
- },
103
- onMouseEnter: () => {
104
- a || t(null);
105
- },
106
- children: [
107
- e.label,
108
- e.isExternal && /* @__PURE__ */ o(
109
- v,
110
- {
111
- className: n.newTabIcon,
112
- size: 16,
113
- "aria-hidden": "true"
114
- }
115
- )
116
- ]
117
- }
118
- ) : /* @__PURE__ */ i(
119
- "button",
120
- {
121
- ref: b,
122
- "aria-haspopup": r ? !0 : void 0,
123
- "aria-expanded": r ? _ : void 0,
124
- className: `${n.sublinkToggle} ${_ ? n.open : ""}`,
125
- onClick: () => c(l),
126
- onMouseEnter: () => {
127
- p(l), t(l);
128
- },
129
- children: [
130
- e.label,
131
- r && /* @__PURE__ */ o(
132
- f,
133
- {
134
- size: 18,
135
- className: n.chevron,
136
- "aria-hidden": "true"
137
- }
138
- )
139
- ]
140
- }
141
- ) }),
142
- r && /* @__PURE__ */ o(
143
- "div",
144
- {
145
- className: `${n.sublinks} ${_ ? n.show : ""}`,
146
- onMouseLeave: () => c(l),
147
- role: "menu",
148
- "aria-label": `${e.label} submenu`,
149
- children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: n.sublinksInner, children: /* @__PURE__ */ o("div", { className: n.sublinksColumn, children: g(e.sublinks, l) }) }) })
150
- }
151
- )
152
- ]
153
- }
154
- );
155
- }
156
- export {
157
- Fe as N,
158
- n as s
159
- };