@retinalabsllc/zairusjs 9.0.4 → 9.0.5

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/dist/index.js +24 -27
  2. package/dist/index.mjs +24 -27
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -670,34 +670,31 @@ var import_react10 = require("@hugeicons/react");
670
670
  var MobileNav = ({ items }) => {
671
671
  const pathname = (0, import_navigation3.usePathname)();
672
672
  if (!items || items.length === 0) return null;
673
- return (
674
- // Wrapper: Fixed at the bottom, centered, hidden on desktop (sm:hidden)
675
- /* @__PURE__ */ import_react9.default.createElement("div", { className: "fixed bottom-6 inset-x-0 z-100 flex justify-center pointer-events-none px-4 sm:hidden animate-in slide-in-from-bottom-8 fade-in duration-500" }, /* @__PURE__ */ import_react9.default.createElement("nav", { className: "pointer-events-auto w-full max-w-sm bg-white/80 backdrop-blur-xl border border-neutral-200/60 shadow-[0_8px_30px_rgb(0,0,0,0.08)] rounded-full px-6 py-2.5 flex items-center justify-between" }, items.map((item) => {
676
- const isActive = item.href === "/" ? pathname === "/" : pathname?.startsWith(item.href);
677
- return /* @__PURE__ */ import_react9.default.createElement(
678
- import_link4.default,
673
+ return /* @__PURE__ */ import_react9.default.createElement("div", { className: "fixed bottom-6 inset-x-0 z-100 flex justify-center pointer-events-none px-3 animate-in slide-in-from-bottom-8 fade-in duration-500" }, /* @__PURE__ */ import_react9.default.createElement("nav", { className: "pointer-events-auto w-full max-w-sm bg-white/80 backdrop-blur-xl shadow-[0_8px_30px_rgb(0,0,0,0.08)] rounded-full px-6 py-2.5 flex items-center justify-between" }, items.map((item) => {
674
+ const isActive = item.href === "/" ? pathname === "/" : pathname?.startsWith(item.href);
675
+ return /* @__PURE__ */ import_react9.default.createElement(
676
+ import_link4.default,
677
+ {
678
+ key: item.label,
679
+ href: item.href,
680
+ className: "flex flex-col items-center justify-center gap-1 min-w-14 transition-transform active:scale-95 outline-none"
681
+ },
682
+ /* @__PURE__ */ import_react9.default.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-black" : "text-neutral-400 hover:text-neutral-600"}` }, /* @__PURE__ */ import_react9.default.createElement(
683
+ import_react10.HugeiconsIcon,
679
684
  {
680
- key: item.label,
681
- href: item.href,
682
- className: "flex flex-col items-center justify-center gap-1 min-w-14 transition-transform active:scale-95 outline-none"
685
+ icon: item.icon,
686
+ size: 20
687
+ }
688
+ )),
689
+ /* @__PURE__ */ import_react9.default.createElement(
690
+ "span",
691
+ {
692
+ className: `text-[9px] tracking-wide transition-colors duration-300 font-medium ${isActive ? "text-black" : "text-neutral-400"}`
683
693
  },
684
- /* @__PURE__ */ import_react9.default.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-black" : "text-neutral-400 hover:text-neutral-600"}` }, /* @__PURE__ */ import_react9.default.createElement(
685
- import_react10.HugeiconsIcon,
686
- {
687
- icon: item.icon,
688
- size: 24
689
- }
690
- )),
691
- /* @__PURE__ */ import_react9.default.createElement(
692
- "span",
693
- {
694
- className: `text-[10px] tracking-wide transition-colors duration-300 font-medium ${isActive ? "text-black" : "text-neutral-400"}`
695
- },
696
- item.label
697
- )
698
- );
699
- })))
700
- );
694
+ item.label
695
+ )
696
+ );
697
+ })));
701
698
  };
702
699
 
703
700
  // src/components/UniversalOrganizationPage.tsx
@@ -1549,7 +1546,7 @@ var UniversalHomeView = ({
1549
1546
  "button",
1550
1547
  {
1551
1548
  onClick: secondaryAction.onClick,
1552
- className: "flex items-center gap-1.5 px-6 py-2.5 sm:px-8 sm:py-2.5 rounded-full bg-white border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none"
1549
+ className: "flex items-center gap-1.5 px-6 py-2.5 sm:px-8 sm:py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none"
1553
1550
  },
1554
1551
  /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[13px] tracking-wide font-medium" }, secondaryAction.label),
1555
1552
  secondaryAction.icon && /* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: secondaryAction.icon, size: 16 })
package/dist/index.mjs CHANGED
@@ -600,34 +600,31 @@ import { HugeiconsIcon as HugeiconsIcon3 } from "@hugeicons/react";
600
600
  var MobileNav = ({ items }) => {
601
601
  const pathname = usePathname2();
602
602
  if (!items || items.length === 0) return null;
603
- return (
604
- // Wrapper: Fixed at the bottom, centered, hidden on desktop (sm:hidden)
605
- /* @__PURE__ */ React7.createElement("div", { className: "fixed bottom-6 inset-x-0 z-100 flex justify-center pointer-events-none px-4 sm:hidden animate-in slide-in-from-bottom-8 fade-in duration-500" }, /* @__PURE__ */ React7.createElement("nav", { className: "pointer-events-auto w-full max-w-sm bg-white/80 backdrop-blur-xl border border-neutral-200/60 shadow-[0_8px_30px_rgb(0,0,0,0.08)] rounded-full px-6 py-2.5 flex items-center justify-between" }, items.map((item) => {
606
- const isActive = item.href === "/" ? pathname === "/" : pathname?.startsWith(item.href);
607
- return /* @__PURE__ */ React7.createElement(
608
- Link4,
603
+ return /* @__PURE__ */ React7.createElement("div", { className: "fixed bottom-6 inset-x-0 z-100 flex justify-center pointer-events-none px-3 animate-in slide-in-from-bottom-8 fade-in duration-500" }, /* @__PURE__ */ React7.createElement("nav", { className: "pointer-events-auto w-full max-w-sm bg-white/80 backdrop-blur-xl shadow-[0_8px_30px_rgb(0,0,0,0.08)] rounded-full px-6 py-2.5 flex items-center justify-between" }, items.map((item) => {
604
+ const isActive = item.href === "/" ? pathname === "/" : pathname?.startsWith(item.href);
605
+ return /* @__PURE__ */ React7.createElement(
606
+ Link4,
607
+ {
608
+ key: item.label,
609
+ href: item.href,
610
+ className: "flex flex-col items-center justify-center gap-1 min-w-14 transition-transform active:scale-95 outline-none"
611
+ },
612
+ /* @__PURE__ */ React7.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-black" : "text-neutral-400 hover:text-neutral-600"}` }, /* @__PURE__ */ React7.createElement(
613
+ HugeiconsIcon3,
609
614
  {
610
- key: item.label,
611
- href: item.href,
612
- className: "flex flex-col items-center justify-center gap-1 min-w-14 transition-transform active:scale-95 outline-none"
615
+ icon: item.icon,
616
+ size: 20
617
+ }
618
+ )),
619
+ /* @__PURE__ */ React7.createElement(
620
+ "span",
621
+ {
622
+ className: `text-[9px] tracking-wide transition-colors duration-300 font-medium ${isActive ? "text-black" : "text-neutral-400"}`
613
623
  },
614
- /* @__PURE__ */ React7.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-black" : "text-neutral-400 hover:text-neutral-600"}` }, /* @__PURE__ */ React7.createElement(
615
- HugeiconsIcon3,
616
- {
617
- icon: item.icon,
618
- size: 24
619
- }
620
- )),
621
- /* @__PURE__ */ React7.createElement(
622
- "span",
623
- {
624
- className: `text-[10px] tracking-wide transition-colors duration-300 font-medium ${isActive ? "text-black" : "text-neutral-400"}`
625
- },
626
- item.label
627
- )
628
- );
629
- })))
630
- );
624
+ item.label
625
+ )
626
+ );
627
+ })));
631
628
  };
632
629
 
633
630
  // src/components/UniversalOrganizationPage.tsx
@@ -1501,7 +1498,7 @@ var UniversalHomeView = ({
1501
1498
  "button",
1502
1499
  {
1503
1500
  onClick: secondaryAction.onClick,
1504
- className: "flex items-center gap-1.5 px-6 py-2.5 sm:px-8 sm:py-2.5 rounded-full bg-white border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none"
1501
+ className: "flex items-center gap-1.5 px-6 py-2.5 sm:px-8 sm:py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none"
1505
1502
  },
1506
1503
  /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] tracking-wide font-medium" }, secondaryAction.label),
1507
1504
  secondaryAction.icon && /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: secondaryAction.icon, size: 16 })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "9.0.4",
3
+ "version": "9.0.5",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",