trepur_components 2.3.32 → 2.3.33

package/lib/components/Nav/index.js

@@ -2,17 +2,17 @@ import { jsx as e, jsxs as p, Fragment as H } from "react/jsx-runtime";
 import { createContext as w, forwardRef as l, useState as v, useMemo as C, useContext as m, useRef as k } from "react";
 import { HamburgerIcon as M } from "../HamburgerIcon/index.js";
 import { faChevronDown as j } from "@fortawesome/fontawesome-free-solid";
-import n from "clsx";
+import d from "clsx";
 import { Icon as D } from "../Icon/index.js";
 import { NavItem as F } from "../NavItem/index.js";
 const i = w(null), N = l(({ className: t, children: r, loading: a }, o) => {
-  const [s, d] = v(!1), c = C(
+  const [s, n] = v(!1), c = C(
     () => ({
       expanded: s,
-      setExpanded: d,
+      setExpanded: n,
       loading: a
     }),
-    [s, d, a]
+    [s, n, a]
   );
   return /* @__PURE__ */ e(i.Provider, { value: c, children: /* @__PURE__ */ e("div", { className: t, ref: o, children: r }) });
 }), f = l(
@@ -20,18 +20,18 @@ const i = w(null), N = l(({ className: t, children: r, loading: a }, o) => {
     "div",
     {
       ref: a,
-      className: n("relative h-24 w-full bg-nav-bg px-2 py-2", t),
+      className: d("relative h-24 w-full bg-nav-bg px-2 py-2", t),
       children: r
     }
   )
 ), g = l(({ className: t, children: r }, a) => {
-  const { loading: o, setExpanded: s, expanded: d } = m(i) || {};
-  return /* @__PURE__ */ p("div", { ref: a, className: n("flex h-full md:hidden", t), children: [
+  const { loading: o, setExpanded: s, expanded: n } = m(i) || {};
+  return /* @__PURE__ */ p("div", { ref: a, className: d("flex h-full lg:hidden", t), children: [
     !o && /* @__PURE__ */ e("div", { className: "my-auto", children: /* @__PURE__ */ e(
       M,
       {
         variant: "ghost",
-        onClick: () => s == null ? void 0 : s(!d),
+        onClick: () => s == null ? void 0 : s(!n),
         className: "aspect-square"
       }
     ) }),
@@ -41,8 +41,8 @@ const i = w(null), N = l(({ className: t, children: r, loading: a }, o) => {
   "div",
   {
     ref: a,
-    className: n(
-      "hidden justify-between md:flex md:gap-4 md:px-4 lg:gap-8 lg:px-20",
+    className: d(
+      "hidden justify-between lg:flex md:gap-4 md:px-4 lg:gap-8 lg:px-20",
       t
     ),
     children: r
@@ -54,7 +54,7 @@ const i = w(null), N = l(({ className: t, children: r, loading: a }, o) => {
       "div",
       {
         ref: a,
-        className: n(
+        className: d(
           "h-screen bg-nav-bg px-8 pb-12 pt-2 md:hidden",
           t
         ),
@@ -69,28 +69,28 @@ const i = w(null), N = l(({ className: t, children: r, loading: a }, o) => {
       "div",
       {
         ref: a,
-        className: n("my-4 md:flex md:gap-4 lg:gap-6", t),
-        children: [...Array(5)].map((s, d) => /* @__PURE__ */ e(F, { loading: !0 }, d))
+        className: d("my-4 md:flex md:gap-4 lg:gap-6", t),
+        children: [...Array(5)].map((s, n) => /* @__PURE__ */ e(F, { loading: !0 }, n))
       }
     ) : /* @__PURE__ */ e(
       "div",
       {
         ref: a,
-        className: n("my-4 md:flex md:gap-4 lg:gap-6", t),
+        className: d("my-4 md:flex md:gap-4 lg:gap-6", t),
         children: r
       }
     );
   }
 ), b = l(({ className: t, label: r, children: a, active: o = !1 }) => {
-  const [s, d] = v(!1), c = k(null);
+  const [s, n] = v(!1), c = k(null);
   return /* @__PURE__ */ p(
     "div",
     {
       ref: c,
-      onMouseEnter: () => d(!0),
-      onMouseLeave: () => d(!1),
-      onClick: () => d(!s),
-      className: n(
+      onMouseEnter: () => n(!0),
+      onMouseLeave: () => n(!1),
+      onClick: () => n(!s),
+      className: d(
         "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",
         {
           "font-bold": o,
@@ -112,7 +112,7 @@ const i = w(null), N = l(({ className: t, children: r, loading: a }, o) => {
   return s ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "h-20 w-20 animate-pulse bg-gray-300" }) }) : /* @__PURE__ */ e(
     "img",
     {
-      className: n("h-20 flex-none", t),
+      className: d("h-20 flex-none", t),
       ref: o,
       src: r,
       ...a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.32",
+  "version": "2.3.33",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,