trepur_components 2.3.22 → 2.3.23

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 (3) hide show
  1. package/lib/components/Nav/index.js +54 -53
  2. package/lib/style.css +1 -1
  3. package/package.json +1 -1
package/lib/components/Nav/index.js CHANGED
@@ -1,99 +1,100 @@
1
- import { jsx as a, jsxs as i, Fragment as y } from "react/jsx-runtime";
2
- import { createContext as H, forwardRef as r, useState as m, useMemo as C, useContext as p, useRef as k } from "react";
3
- import { HamburgerIcon as w } from "../HamburgerIcon/index.js";
4
- import { faChevronDown as M } from "@fortawesome/fontawesome-free-solid";
5
- import n from "clsx";
6
- import { Icon as j } from "../Icon/index.js";
7
- const c = H(null), v = r(({ className: s, children: t }, e) => {
8
- const [o, d] = m(!1), l = C(
1
+ import { jsx as e, jsxs as i, Fragment as H } from "react/jsx-runtime";
2
+ import { createContext as C, forwardRef as r, useState as m, useMemo as k, useContext as p, useRef as w } from "react";
3
+ import { HamburgerIcon as M } from "../HamburgerIcon/index.js";
4
+ import { faChevronDown as j } from "@fortawesome/fontawesome-free-solid";
5
+ import d from "clsx";
6
+ import { Icon as D } from "../Icon/index.js";
7
+ const c = C(null), v = r(({ className: a, children: s }, t) => {
8
+ const [o, n] = m(!1), l = k(
9
9
  () => ({
10
10
  expanded: o,
11
- setExpanded: d
11
+ setExpanded: n
12
12
  }),
13
- [o, d]
13
+ [o, n]
14
14
  );
15
- return /* @__PURE__ */ a(c.Provider, { value: l, children: /* @__PURE__ */ a("div", { className: s, ref: e, children: t }) });
15
+ return /* @__PURE__ */ e(c.Provider, { value: l, children: /* @__PURE__ */ e("div", { className: a, ref: t, children: s }) });
16
16
  }), N = r(
17
- ({ className: s, children: t }, e) => /* @__PURE__ */ a(
17
+ ({ className: a, children: s }, t) => /* @__PURE__ */ e(
18
18
  "div",
19
19
  {
20
- ref: e,
21
- className: n("relative h-24 w-full bg-nav-bg px-2 py-2", s),
22
- children: t
20
+ ref: t,
21
+ className: d("relative h-24 w-full bg-nav-bg px-2 py-2", a),
22
+ children: s
23
23
  }
24
24
  )
25
- ), g = r(({ className: s, children: t }, e) => {
26
- const { setExpanded: o, expanded: d } = p(c) || {};
27
- return /* @__PURE__ */ i("div", { ref: e, className: n("flex h-full md:hidden", s), children: [
28
- /* @__PURE__ */ a("div", { className: "my-auto", children: /* @__PURE__ */ a(
29
- w,
25
+ ), g = r(({ className: a, children: s }, t) => {
26
+ const { setExpanded: o, expanded: n } = p(c) || {};
27
+ return /* @__PURE__ */ i("div", { ref: t, className: d("flex h-full md:hidden", a), children: [
28
+ /* @__PURE__ */ e("div", { className: "my-auto", children: /* @__PURE__ */ e(
29
+ M,
30
30
  {
31
31
  variant: "ghost",
32
- onClick: () => o == null ? void 0 : o(!d),
32
+ onClick: () => o == null ? void 0 : o(!n),
33
33
  className: "aspect-square"
34
34
  }
35
35
  ) }),
36
- /* @__PURE__ */ a("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: t })
36
+ /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: s })
37
37
  ] });
38
- }), f = r(({ className: s, children: t }, e) => /* @__PURE__ */ a(
38
+ }), f = r(({ className: a, children: s }, t) => /* @__PURE__ */ e(
39
39
  "div",
40
40
  {
41
- ref: e,
42
- className: n(
41
+ ref: t,
42
+ className: d(
43
43
  "hidden justify-between md:flex md:gap-4 md:px-4 lg:gap-8 lg:px-20",
44
- s
44
+ a
45
45
  ),
46
- children: t
46
+ children: s
47
47
  }
48
48
  )), u = r(
49
- ({ className: s, children: t }, e) => {
49
+ ({ className: a, children: s }, t) => {
50
50
  const { expanded: o } = p(c) || {};
51
- return o ? /* @__PURE__ */ a(
51
+ return o ? /* @__PURE__ */ e(
52
52
  "div",
53
53
  {
54
- ref: e,
55
- className: n(
54
+ ref: t,
55
+ className: d(
56
56
  "h-screen bg-nav-bg px-8 pb-12 pt-2 md:hidden",
57
- s
57
+ a
58
58
  ),
59
- children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-4 md:hidden", children: t })
59
+ children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:hidden", children: s })
60
60
  }
61
- ) : /* @__PURE__ */ a(y, {});
61
+ ) : /* @__PURE__ */ e(H, {});
62
62
  }
63
63
  ), x = r(
64
- ({ className: s, children: t }, e) => /* @__PURE__ */ a(
64
+ ({ className: a, children: s }, t) => /* @__PURE__ */ e(
65
65
  "div",
66
66
  {
67
- ref: e,
68
- className: n("my-4 md:flex md:gap-4 lg:gap-8", s),
69
- children: t
67
+ ref: t,
68
+ className: d("my-4 md:flex md:gap-4 lg:gap-8", a),
69
+ children: s
70
70
  }
71
71
  )
72
- ), h = r(({ label: s, children: t, active: e = !1 }) => {
73
- const [o, d] = m(!1), l = k(null);
72
+ ), h = r(({ className: a, label: s, children: t, active: o = !1 }) => {
73
+ const [n, l] = m(!1), y = w(null);
74
74
  return /* @__PURE__ */ i(
75
75
  "div",
76
76
  {
77
- ref: l,
78
- onClick: () => d(!0),
79
- onMouseLeave: () => d(!1),
80
- className: n(
77
+ ref: y,
78
+ onClick: () => l(!0),
79
+ onMouseLeave: () => l(!1),
80
+ className: d(
81
81
  "relative m-auto text-xl tracking-wider text-nav-text hover:cursor-pointer",
82
82
  {
83
- "font-bold": e,
84
- "font-normal": !e
85
- }
83
+ "font-bold": o,
84
+ "font-normal": !o
85
+ },
86
+ a
86
87
  ),
87
88
  children: [
88
89
  /* @__PURE__ */ i("div", { className: "flex items-center gap-px ", children: [
89
- /* @__PURE__ */ a("p", { children: s }),
90
- /* @__PURE__ */ a(j, { icon: M })
90
+ /* @__PURE__ */ e("p", { children: s }),
91
+ /* @__PURE__ */ e(D, { icon: j })
91
92
  ] }),
92
- o && /* @__PURE__ */ a("div", { className: "absolute -left-5 top-7 z-50 w-40 bg-nav-bg", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-y-2 bg-nav-bg px-4 py-4", children: t }) })
93
+ n && /* @__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: t }) })
93
94
  ]
94
95
  }
95
96
  );
96
- }), b = r(({ className: s, src: t, ...e }, o) => /* @__PURE__ */ a("img", { className: n("h-20", s), ref: o, src: t, ...e }));
97
+ }), b = r(({ className: a, src: s, ...t }, o) => /* @__PURE__ */ e("img", { className: d("h-20", a), ref: o, src: s, ...t }));
97
98
  v.displayName = "Nav";
98
99
  N.displayName = "Nav.Header";
99
100
  f.displayName = "Nav.DesktopHeader";
@@ -102,7 +103,7 @@ b.displayName = "Nav.Logo";
102
103
  x.displayName = "Nav.Section";
103
104
  u.displayName = "Nav.Body";
104
105
  h.displayName = "Nav.Folder";
105
- const R = Object.assign(v, {
106
+ const q = Object.assign(v, {
106
107
  Header: N,
107
108
  DesktopHeader: f,
108
109
  MobileHeader: g,
@@ -112,5 +113,5 @@ const R = Object.assign(v, {
112
113
  Folder: h
113
114
  });
114
115
  export {
115
- R as Nav
116
+ q as Nav
116
117
  };
package/lib/style.css CHANGED
@@ -1 +1 @@
1
- .react-calendar{width:410px;background:#fff;border:none;border-radius:25px;border:1px solid #fff;box-shadow:0 12px 24px #0003;padding:8px;line-height:1.125em}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:50px;margin-bottom:1em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-size:.75em}.react-calendar--doubleView{width:800px}.react-calendar__month-view{padding-left:20px;padding-right:20px}.react-calendar__tile{height:50px;width:50px}.react-calendar__tile:disabled{background-color:#fff;color:#bebebe}.react-calendar__month-view__days__day--weekend,.react-calendar__month-view__days__day{color:#000}.react-calendar__month-view__days__day--neighboringMonth{visibility:hidden}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{border-radius:50%;border:1px solid;border-color:#000;background:#fff;color:#000}.react-calendar__tile--now{background:#fff;color:#000}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{border-radius:50%;border:1px solid;border-color:#000;background:#fff;color:#000}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#f8f8fa}.react-calendar__tile--active{background:#000;border-radius:50%;color:#fff}.react-calendar__tile--rangeEnd.react-calendar__tile--active:enabled:hover,.react-calendar__tile--rangeEnd.react-calendar__tile--active:enabled:focus,.react-calendar__tile--rangeEnd:enabled{border-radius:0 50% 50% 0;border:1px solid;border-color:#000;background:#000;color:#fff}.react-calendar__tile--rangeStart.react-calendar__tile--active:enabled:hover,.react-calendar__tile--rangeStart.react-calendar__tile--active:enabled:focus,.react-calendar__tile--rangeStart:enabled{border-radius:50% 0 0 50%;border:1px solid;border-color:#000;background:#000;color:#fff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#dfdfe1}.react-calendar--selectRange .react-calendar__tile--rangeStart{background-color:#000;color:#fff}.react-calendar__tile--range{background:#dfdfe1;color:#000;border-radius:0}.react-calendar__tile--rangeStart{border-radius:50% 0 0 50%;background:#000;color:#fff}.react-calendar__tile--rangeEnd{border-radius:0 50% 50% 0;background:#000;color:#fff}.react-calendar__navigation__prev-button,.react-calendar__navigation__next-button{background:#fff}.react-calendar__navigation__prev2-button,.react-calendar__navigation__next2-button{display:none}.react-calendar__navigation__label__labelText{color:#000}.react-calendar__navigation{height:50px}.react-calendar__navigation button{color:#000;width:50px;background:none;font-size:16px}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#bebebe;color:#000;border-radius:50%}.react-calendar__navigation button:disabled{background:#fff;color:#bebebe}abbr[title]{text-decoration:none}.react-calendar__navigation__label__divider{display:none}.react-calendar__navigation__label{padding-top:20px;display:flex;flex-grow:1;justify-content:space-between}.react-calendar__navigation__label__labelText--from{margin-left:80px}.react-calendar__navigation__label__labelText--to{margin-right:100px}button.react-calendar__tile.react-calendar__tile--active.react-calendar__tile--range.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd.react-calendar__tile--rangeBothEnds.react-calendar__tile--hover.react-calendar__tile--hoverStart.react-calendar__tile--hoverEnd.react-calendar__tile--hoverBothEnds.react-calendar__month-view__days__day.react-calendar__month-view__days__day--weekend{background-color:#000}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}
1
+ .keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.react-calendar{width:410px;background:#fff;border:none;border-radius:25px;border:1px solid #fff;box-shadow:0 12px 24px #0003;padding:8px;line-height:1.125em}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:50px;margin-bottom:1em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-size:.75em}.react-calendar--doubleView{width:800px}.react-calendar__month-view{padding-left:20px;padding-right:20px}.react-calendar__tile{height:50px;width:50px}.react-calendar__tile:disabled{background-color:#fff;color:#bebebe}.react-calendar__month-view__days__day--weekend,.react-calendar__month-view__days__day{color:#000}.react-calendar__month-view__days__day--neighboringMonth{visibility:hidden}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{border-radius:50%;border:1px solid;border-color:#000;background:#fff;color:#000}.react-calendar__tile--now{background:#fff;color:#000}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{border-radius:50%;border:1px solid;border-color:#000;background:#fff;color:#000}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#f8f8fa}.react-calendar__tile--active{background:#000;border-radius:50%;color:#fff}.react-calendar__tile--rangeEnd.react-calendar__tile--active:enabled:hover,.react-calendar__tile--rangeEnd.react-calendar__tile--active:enabled:focus,.react-calendar__tile--rangeEnd:enabled{border-radius:0 50% 50% 0;border:1px solid;border-color:#000;background:#000;color:#fff}.react-calendar__tile--rangeStart.react-calendar__tile--active:enabled:hover,.react-calendar__tile--rangeStart.react-calendar__tile--active:enabled:focus,.react-calendar__tile--rangeStart:enabled{border-radius:50% 0 0 50%;border:1px solid;border-color:#000;background:#000;color:#fff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#dfdfe1}.react-calendar--selectRange .react-calendar__tile--rangeStart{background-color:#000;color:#fff}.react-calendar__tile--range{background:#dfdfe1;color:#000;border-radius:0}.react-calendar__tile--rangeStart{border-radius:50% 0 0 50%;background:#000;color:#fff}.react-calendar__tile--rangeEnd{border-radius:0 50% 50% 0;background:#000;color:#fff}.react-calendar__navigation__prev-button,.react-calendar__navigation__next-button{background:#fff}.react-calendar__navigation__prev2-button,.react-calendar__navigation__next2-button{display:none}.react-calendar__navigation__label__labelText{color:#000}.react-calendar__navigation{height:50px}.react-calendar__navigation button{color:#000;width:50px;background:none;font-size:16px}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#bebebe;color:#000;border-radius:50%}.react-calendar__navigation button:disabled{background:#fff;color:#bebebe}abbr[title]{text-decoration:none}.react-calendar__navigation__label__divider{display:none}.react-calendar__navigation__label{padding-top:20px;display:flex;flex-grow:1;justify-content:space-between}.react-calendar__navigation__label__labelText--from{margin-left:80px}.react-calendar__navigation__label__labelText--to{margin-right:100px}button.react-calendar__tile.react-calendar__tile--active.react-calendar__tile--range.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd.react-calendar__tile--rangeBothEnds.react-calendar__tile--hover.react-calendar__tile--hoverStart.react-calendar__tile--hoverEnd.react-calendar__tile--hoverBothEnds.react-calendar__month-view__days__day.react-calendar__month-view__days__day--weekend{background-color:#000}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trepur_components",
3
- "version": "2.3.22",
3
+ "version": "2.3.23",
4
4
  "description": "component lib",
5
5
  "author": "trepur_ttenneb",
6
6
  "private": false,