@appcorp/shadcn 1.1.71 → 1.1.73

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/package.json +1 -1
  2. package/templates/school-v1/navigation.js +40 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/shadcn",
3
- "version": "1.1.71",
3
+ "version": "1.1.73",
4
4
  "scripts": {
5
5
  "build:next": "next build",
6
6
  "build:storybook": "mv ../.pnp.cjs ../.pnp.cjs.bak 2>/dev/null || true && storybook build -c .storybook -o .out && mv ../.pnp.cjs.bak ../.pnp.cjs 2>/dev/null || true",
package/templates/school-v1/navigation.js CHANGED
@@ -48,31 +48,62 @@ var utils_1 = require("../../lib/utils");
48
48
  var Navigation = function (_a) {
49
49
  var brandFullName = _a.brandFullName, brandShortName = _a.brandShortName, ctaHref = _a.ctaHref, ctaLabel = _a.ctaLabel, items = _a.items;
50
50
  var _b = (0, react_1.useState)(false), scrolled = _b[0], setScrolled = _b[1];
51
- var _c = (0, react_1.useState)(false), open = _c[0], setOpen = _c[1];
51
+ var _c = (0, react_1.useState)(false), isHome = _c[0], setIsHome = _c[1];
52
+ var _d = (0, react_1.useState)(false), open = _d[0], setOpen = _d[1];
52
53
  (0, react_1.useEffect)(function () {
53
- var handleScroll = function () { return setScrolled(window.scrollY > 20); };
54
- window.addEventListener("scroll", handleScroll);
55
- return function () { return window.removeEventListener("scroll", handleScroll); };
54
+ var home = window.location.pathname === "/";
55
+ setIsHome(home);
56
+ if (home) {
57
+ var handleScroll_1 = function () { return setScrolled(window.scrollY > 20); };
58
+ window.addEventListener("scroll", handleScroll_1);
59
+ handleScroll_1();
60
+ return function () { return window.removeEventListener("scroll", handleScroll_1); };
61
+ }
62
+ else {
63
+ setScrolled(false);
64
+ }
56
65
  }, []);
57
- return (react_1.default.createElement("div", { className: (0, utils_1.cn)("fixed top-0 z-50 w-full transition-all duration-300", scrolled ? "bg-white/95 shadow-md backdrop-blur-sm" : "bg-transparent") },
66
+ return (react_1.default.createElement("div", { className: (0, utils_1.cn)(isHome
67
+ ? "fixed top-0 z-50 w-full transition-all duration-300"
68
+ : "sticky top-0 z-50 w-full", isHome
69
+ ? scrolled
70
+ ? "bg-white/95 shadow-md backdrop-blur-sm"
71
+ : "bg-transparent"
72
+ : "bg-white shadow-md") },
58
73
  react_1.default.createElement("nav", { className: "container mx-auto flex h-16 items-center justify-between px-4" },
59
74
  react_1.default.createElement(link_1.default, { href: "/", className: "flex items-center gap-2" },
60
75
  react_1.default.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-blue-700" },
61
76
  react_1.default.createElement(lucide_react_1.GraduationCap, { className: "h-6 w-6 text-white" })),
62
77
  react_1.default.createElement("div", null,
63
- react_1.default.createElement("div", { className: (0, utils_1.cn)("text-sm leading-none font-bold", scrolled ? "text-blue-900" : "text-white") }, brandShortName),
64
- react_1.default.createElement("div", { className: (0, utils_1.cn)("text-xs leading-none", scrolled ? "text-blue-600" : "text-blue-100") }, brandFullName))),
78
+ react_1.default.createElement("div", { className: (0, utils_1.cn)("text-sm leading-none font-bold", isHome
79
+ ? scrolled
80
+ ? "text-blue-900"
81
+ : "text-white"
82
+ : "text-blue-900") }, brandShortName),
83
+ react_1.default.createElement("div", { className: (0, utils_1.cn)("text-xs leading-none", isHome
84
+ ? scrolled
85
+ ? "text-blue-600"
86
+ : "text-blue-100"
87
+ : "text-blue-600") }, brandFullName))),
65
88
  react_1.default.createElement("div", { className: "hidden items-center gap-6 lg:flex" },
66
89
  items
67
90
  .filter(function (l) { return l.enable; })
68
91
  .sort(function (a, b) { return a.order - b.order; })
69
- .map(function (link) { return (react_1.default.createElement(link_1.default, { key: "".concat(link.href, "-").concat(link.order), href: link.href, className: (0, utils_1.cn)("text-sm font-medium transition-colors hover:text-blue-400", scrolled ? "text-gray-700" : "text-white") }, link.label)); }),
92
+ .map(function (link) { return (react_1.default.createElement(link_1.default, { key: "".concat(link.href, "-").concat(link.order), href: link.href, className: (0, utils_1.cn)("text-sm font-medium transition-colors hover:text-blue-400", isHome
93
+ ? scrolled
94
+ ? "text-gray-700"
95
+ : "text-white"
96
+ : "text-gray-700") }, link.label)); }),
70
97
  react_1.default.createElement(button_1.Button, { asChild: true, size: "sm", className: "bg-blue-700 hover:bg-blue-800" },
71
98
  react_1.default.createElement(link_1.default, { href: ctaHref }, ctaLabel))),
72
99
  react_1.default.createElement(sheet_1.Sheet, { open: open, onOpenChange: setOpen },
73
100
  react_1.default.createElement(sheet_1.SheetTrigger, { asChild: true, className: "lg:hidden" },
74
101
  react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon" },
75
- react_1.default.createElement(lucide_react_1.Menu, { className: scrolled ? "text-gray-700" : "text-white" }))),
102
+ react_1.default.createElement(lucide_react_1.Menu, { className: isHome
103
+ ? scrolled
104
+ ? "text-gray-700"
105
+ : "text-white"
106
+ : "text-gray-700" }))),
76
107
  react_1.default.createElement(sheet_1.SheetContent, { side: "right", className: "w-72" },
77
108
  react_1.default.createElement("div", { className: "flex items-center gap-2 py-4" },
78
109
  react_1.default.createElement("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-blue-700" },