trepur_components 2.3.32 → 2.3.34

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