trepur_components 2.3.25 → 2.3.26

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.
Files changed (2) hide show
  1. package/lib/components/Nav/index.js +85 -81
  2. package/package.json +1 -1
package/lib/components/Nav/index.js CHANGED
@@ -1,135 +1,139 @@
1
- import { jsx as e, jsxs as c, Fragment as v } from "react/jsx-runtime";
2
- import { createContext as C, forwardRef as n, useState as N, useMemo as k, useContext as m, useRef as w } from "react";
1
+ import { jsx as e, jsxs as p, Fragment as H } from "react/jsx-runtime";
2
+ import { createContext as C, forwardRef as l, useState as v, useMemo as k, useContext as c, useRef as w } from "react";
3
3
  import { HamburgerIcon as M } from "../HamburgerIcon/index.js";
4
4
  import { faChevronDown as j } from "@fortawesome/fontawesome-free-solid";
5
- import l from "clsx";
5
+ import d from "clsx";
6
6
  import { Icon as D } from "../Icon/index.js";
7
7
  import { NavItem as F } from "../NavItem/index.js";
8
- const i = C(null), f = n(({ className: a, children: t, loading: r }, o) => {
9
- const [s, d] = N(!1), p = k(
8
+ const i = C(null), N = l(({ className: t, children: r, loading: a }, s) => {
9
+ const [o, n] = v(!1), m = k(
10
10
  () => ({
11
- expanded: s,
12
- setExpanded: d,
13
- loading: r
11
+ expanded: o,
12
+ setExpanded: n,
13
+ loading: a
14
14
  }),
15
- [s, d]
15
+ [o, n, a]
16
16
  );
17
- return /* @__PURE__ */ e(i.Provider, { value: p, children: /* @__PURE__ */ e("div", { className: a, ref: o, children: t }) });
18
- }), g = n(
19
- ({ className: a, children: t }, r) => /* @__PURE__ */ e(
17
+ return /* @__PURE__ */ e(i.Provider, { value: m, children: /* @__PURE__ */ e("div", { className: t, ref: s, children: r }) });
18
+ }), f = l(
19
+ ({ className: t, children: r }, a) => /* @__PURE__ */ e(
20
20
  "div",
21
21
  {
22
- ref: r,
23
- className: l("relative h-24 w-full bg-nav-bg px-2 py-2", a),
24
- children: t
22
+ ref: a,
23
+ className: d("relative h-24 w-full bg-nav-bg px-2 py-2", t),
24
+ children: r
25
25
  }
26
26
  )
27
- ), u = n(({ className: a, children: t }, r) => {
28
- const { loading: o, setExpanded: s, expanded: d } = m(i) || {};
29
- return /* @__PURE__ */ c("div", { ref: r, className: l("flex h-full md:hidden", a), children: [
30
- !o && /* @__PURE__ */ e("div", { className: "my-auto", children: /* @__PURE__ */ e(
27
+ ), g = l(({ className: t, children: r }, a) => {
28
+ const { loading: s, setExpanded: o, expanded: n } = c(i) || {};
29
+ return /* @__PURE__ */ p("div", { ref: a, className: d("flex h-full md:hidden", t), children: [
30
+ !s && /* @__PURE__ */ e("div", { className: "my-auto", children: /* @__PURE__ */ e(
31
31
  M,
32
32
  {
33
33
  variant: "ghost",
34
- onClick: () => s == null ? void 0 : s(!d),
34
+ onClick: () => o == null ? void 0 : o(!n),
35
35
  className: "aspect-square"
36
36
  }
37
37
  ) }),
38
- /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: t })
38
+ /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: r })
39
39
  ] });
40
- }), x = n(({ className: a, children: t }, r) => /* @__PURE__ */ e(
40
+ }), u = l(({ className: t, children: r }, a) => /* @__PURE__ */ e(
41
41
  "div",
42
42
  {
43
- ref: r,
44
- className: l(
43
+ ref: a,
44
+ className: d(
45
45
  "hidden justify-between md:flex md:gap-4 md:px-4 lg:gap-8 lg:px-20",
46
- a
46
+ t
47
47
  ),
48
- children: t
48
+ children: r
49
49
  }
50
- )), h = n(
51
- ({ className: a, children: t }, r) => {
52
- const { expanded: o } = m(i) || {};
53
- return o ? /* @__PURE__ */ e(
50
+ )), x = l(
51
+ ({ className: t, children: r }, a) => {
52
+ const { expanded: s } = c(i) || {};
53
+ return s ? /* @__PURE__ */ e(
54
54
  "div",
55
55
  {
56
- ref: r,
57
- className: l(
56
+ ref: a,
57
+ className: d(
58
58
  "h-screen bg-nav-bg px-8 pb-12 pt-2 md:hidden",
59
- a
59
+ t
60
60
  ),
61
- children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:hidden", children: t })
61
+ children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:hidden", children: r })
62
62
  }
63
- ) : /* @__PURE__ */ e(v, {});
63
+ ) : /* @__PURE__ */ e(H, {});
64
64
  }
65
- ), b = n(
66
- ({ className: a, children: t }, r) => {
67
- const { loading: o } = m(i) || {};
68
- return /* @__PURE__ */ e(
65
+ ), h = l(
66
+ ({ className: t, children: r }, a) => {
67
+ const { loading: s } = c(i) || {};
68
+ return s ? /* @__PURE__ */ e(
69
69
  "div",
70
70
  {
71
- ref: r,
72
- className: l("my-4 md:flex md:gap-4 lg:gap-6", a),
73
- children: /* @__PURE__ */ c(v, { children: [
74
- o && [...Array(5)].map((s) => /* @__PURE__ */ e(F, { loading: !0 })),
75
- !o && t
76
- ] })
71
+ ref: a,
72
+ className: d("my-4 md:flex md:gap-4 lg:gap-6", t),
73
+ children: [...Array(5)].map((o, n) => /* @__PURE__ */ e(F, { loading: !0 }, n))
74
+ }
75
+ ) : /* @__PURE__ */ e(
76
+ "div",
77
+ {
78
+ ref: a,
79
+ className: d("my-4 md:flex md:gap-4 lg:gap-6", t),
80
+ children: r
77
81
  }
78
82
  );
79
83
  }
80
- ), y = n(({ className: a, label: t, children: r, active: o = !1 }) => {
81
- const [s, d] = N(!1), p = w(null);
82
- return /* @__PURE__ */ c(
84
+ ), b = l(({ className: t, label: r, children: a, active: s = !1 }) => {
85
+ const [o, n] = v(!1), m = w(null);
86
+ return /* @__PURE__ */ p(
83
87
  "div",
84
88
  {
85
- ref: p,
86
- onClick: () => d(!0),
87
- onMouseLeave: () => d(!1),
88
- className: l(
89
+ ref: m,
90
+ onClick: () => n(!0),
91
+ onMouseLeave: () => n(!1),
92
+ className: d(
89
93
  "relative m-auto py-0 text-nav-text after:block after:scale-x-0 after:border-b-2 after:border-nav-text after:transition-all after:duration-300 after:ease-in-out hover:cursor-pointer hover:after:scale-x-100",
90
94
  {
91
- "font-bold": o,
92
- "font-light": !o
95
+ "font-bold": s,
96
+ "font-light": !s
93
97
  },
94
- a
98
+ t
95
99
  ),
96
100
  children: [
97
- /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
98
- /* @__PURE__ */ e("p", { className: "text-lg", children: t }),
101
+ /* @__PURE__ */ p("div", { className: "flex items-center gap-1", children: [
102
+ /* @__PURE__ */ e("p", { className: "text-lg", children: r }),
99
103
  /* @__PURE__ */ e(D, { size: "xs", icon: j })
100
104
  ] }),
101
- s && /* @__PURE__ */ e("div", { className: "absolute -left-5 top-7 z-50 w-40 bg-nav-bg", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-y-2 bg-nav-bg px-4 py-4", children: r }) })
105
+ o && /* @__PURE__ */ e("div", { className: "absolute -left-5 top-7 z-50 w-40 bg-nav-bg", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-y-2 bg-nav-bg px-4 py-4", children: a }) })
102
106
  ]
103
107
  }
104
108
  );
105
- }), H = n(({ className: a, src: t, ...r }, o) => {
106
- const { loading: s } = m(i) || {};
107
- return s ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "h-20 w-20 animate-pulse bg-gray-300" }) }) : /* @__PURE__ */ e(
109
+ }), y = l(({ className: t, src: r, ...a }, s) => {
110
+ const { loading: o } = c(i) || {};
111
+ return o ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "h-20 w-20 animate-pulse bg-gray-300" }) }) : /* @__PURE__ */ e(
108
112
  "img",
109
113
  {
110
- className: l("h-20 flex-none", a),
111
- ref: o,
112
- src: t,
113
- ...r
114
+ className: d("h-20 flex-none", t),
115
+ ref: s,
116
+ src: r,
117
+ ...a
114
118
  }
115
119
  );
116
120
  });
117
- f.displayName = "Nav";
118
- g.displayName = "Nav.Header";
119
- x.displayName = "Nav.DesktopHeader";
120
- u.displayName = "Nav.MobileHeader";
121
- H.displayName = "Nav.Logo";
122
- b.displayName = "Nav.Section";
123
- h.displayName = "Nav.Body";
124
- y.displayName = "Nav.Folder";
125
- const A = Object.assign(f, {
126
- Header: g,
127
- DesktopHeader: x,
128
- MobileHeader: u,
129
- Section: b,
130
- Logo: H,
131
- Body: h,
132
- Folder: y
121
+ N.displayName = "Nav";
122
+ f.displayName = "Nav.Header";
123
+ u.displayName = "Nav.DesktopHeader";
124
+ g.displayName = "Nav.MobileHeader";
125
+ y.displayName = "Nav.Logo";
126
+ h.displayName = "Nav.Section";
127
+ x.displayName = "Nav.Body";
128
+ b.displayName = "Nav.Folder";
129
+ const A = Object.assign(N, {
130
+ Header: f,
131
+ DesktopHeader: u,
132
+ MobileHeader: g,
133
+ Section: h,
134
+ Logo: y,
135
+ Body: x,
136
+ Folder: b
133
137
  });
134
138
  export {
135
139
  A as Nav
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trepur_components",
3
- "version": "2.3.25",
3
+ "version": "2.3.26",
4
4
  "description": "component lib",
5
5
  "author": "trepur_ttenneb",
6
6
  "private": false,