@retinalabsllc/zairusjs 8.1.80 → 8.1.85

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 -21
  2. package/dist/index.mjs +24 -21
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -327,27 +327,30 @@ var Header = ({
327
327
  const brandSubtitleClass = "text-neutral-500";
328
328
  const shouldInvertLogo = !invert;
329
329
  if (!mounted) {
330
- return /* @__PURE__ */ import_react5.default.createElement("div", { className: "absolute inset-x-0 top-0 w-full h-20 z-50 pointer-events-none px-4 pt-4 sm:pt-6" });
330
+ return /* @__PURE__ */ import_react5.default.createElement("div", { className: "w-full h-20 px-4 pt-4 sm:pt-6" });
331
331
  }
332
- return /* @__PURE__ */ import_react5.default.createElement("div", { className: "absolute inset-x-0 top-0 w-full z-50 pointer-events-none px-4 pt-4 sm:pt-6" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "max-w-5xl mx-auto w-full pointer-events-auto flex justify-center" }, /* @__PURE__ */ import_react5.default.createElement("header", { className: `${headerLayoutWidth} ${headerBgClass} backdrop-blur-md rounded-full py-2 px-6 flex items-center transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ import_react5.default.createElement(import_link2.default, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70 outline-none" }, showLogo && /* @__PURE__ */ import_react5.default.createElement(
333
- import_image.default,
334
- {
335
- src: logoSrc,
336
- alt: `${companyName} Logo`,
337
- width: 40,
338
- height: 40,
339
- className: `object-contain w-8 h-auto ${shouldInvertLogo ? "invert" : ""}`,
340
- priority: true
341
- }
342
- ), !hideHeaderText && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: `text-[11px] leading-none tracking-wide mb-1 ${brandTitleClass}` }, companyName), subtitle && /* @__PURE__ */ import_react5.default.createElement("span", { className: `text-[9px] tracking-widest leading-none ${brandSubtitleClass}` }, subtitle)))), /* @__PURE__ */ import_react5.default.createElement("nav", { className: "flex items-center gap-1 md:gap-2 shrink-0" }, links.map((link, index) => /* @__PURE__ */ import_react5.default.createElement(
343
- NavLink,
344
- {
345
- key: index,
346
- href: link.href,
347
- className: link.hideOnMobile ? "hidden sm:inline-flex" : ""
348
- },
349
- link.label
350
- ))))));
332
+ return (
333
+ // Removed 'absolute inset-x-0 top-0 z-50 pointer-events-none' to let it sit in the normal document flow
334
+ /* @__PURE__ */ import_react5.default.createElement("div", { className: "w-full px-4 pt-4 sm:pt-6 mb-4" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "max-w-5xl mx-auto w-full flex justify-center" }, /* @__PURE__ */ import_react5.default.createElement("header", { className: `${headerLayoutWidth} ${headerBgClass} backdrop-blur-md rounded-full py-2 px-6 flex items-center transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ import_react5.default.createElement(import_link2.default, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70 outline-none" }, showLogo && /* @__PURE__ */ import_react5.default.createElement(
335
+ import_image.default,
336
+ {
337
+ src: logoSrc,
338
+ alt: `${companyName} Logo`,
339
+ width: 40,
340
+ height: 40,
341
+ className: `object-contain w-8 h-auto ${shouldInvertLogo ? "invert" : ""}`,
342
+ priority: true
343
+ }
344
+ ), !hideHeaderText && /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: `text-[11px] leading-none tracking-wide mb-1 ${brandTitleClass}` }, companyName), subtitle && /* @__PURE__ */ import_react5.default.createElement("span", { className: `text-[9px] tracking-widest leading-none ${brandSubtitleClass}` }, subtitle)))), /* @__PURE__ */ import_react5.default.createElement("nav", { className: "flex items-center gap-1 md:gap-2 shrink-0" }, links.map((link, index) => /* @__PURE__ */ import_react5.default.createElement(
345
+ NavLink,
346
+ {
347
+ key: index,
348
+ href: link.href,
349
+ className: link.hideOnMobile ? "hidden sm:inline-flex" : ""
350
+ },
351
+ link.label
352
+ ))))))
353
+ );
351
354
  };
352
355
 
353
356
  // src/components/Footer.tsx
@@ -492,7 +495,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
492
495
  setIsLoading(false);
493
496
  }
494
497
  };
495
- return /* @__PURE__ */ import_react9.default.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/30" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ import_react9.default.createElement(
498
+ return /* @__PURE__ */ import_react9.default.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/60" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ import_react9.default.createElement(
496
499
  "div",
497
500
  {
498
501
  className: "w-full max-w-md bg-white rounded-2xl shadow-2xl overflow-hidden relative z-10 animate-in fade-in zoom-in-95 duration-200"
package/dist/index.mjs CHANGED
@@ -267,27 +267,30 @@ var Header = ({
267
267
  const brandSubtitleClass = "text-neutral-500";
268
268
  const shouldInvertLogo = !invert;
269
269
  if (!mounted) {
270
- return /* @__PURE__ */ React4.createElement("div", { className: "absolute inset-x-0 top-0 w-full h-20 z-50 pointer-events-none px-4 pt-4 sm:pt-6" });
270
+ return /* @__PURE__ */ React4.createElement("div", { className: "w-full h-20 px-4 pt-4 sm:pt-6" });
271
271
  }
272
- return /* @__PURE__ */ React4.createElement("div", { className: "absolute inset-x-0 top-0 w-full z-50 pointer-events-none px-4 pt-4 sm:pt-6" }, /* @__PURE__ */ React4.createElement("div", { className: "max-w-5xl mx-auto w-full pointer-events-auto flex justify-center" }, /* @__PURE__ */ React4.createElement("header", { className: `${headerLayoutWidth} ${headerBgClass} backdrop-blur-md rounded-full py-2 px-6 flex items-center transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ React4.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ React4.createElement(Link2, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70 outline-none" }, showLogo && /* @__PURE__ */ React4.createElement(
273
- Image,
274
- {
275
- src: logoSrc,
276
- alt: `${companyName} Logo`,
277
- width: 40,
278
- height: 40,
279
- className: `object-contain w-8 h-auto ${shouldInvertLogo ? "invert" : ""}`,
280
- priority: true
281
- }
282
- ), !hideHeaderText && /* @__PURE__ */ React4.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React4.createElement("span", { className: `text-[11px] leading-none tracking-wide mb-1 ${brandTitleClass}` }, companyName), subtitle && /* @__PURE__ */ React4.createElement("span", { className: `text-[9px] tracking-widest leading-none ${brandSubtitleClass}` }, subtitle)))), /* @__PURE__ */ React4.createElement("nav", { className: "flex items-center gap-1 md:gap-2 shrink-0" }, links.map((link, index) => /* @__PURE__ */ React4.createElement(
283
- NavLink,
284
- {
285
- key: index,
286
- href: link.href,
287
- className: link.hideOnMobile ? "hidden sm:inline-flex" : ""
288
- },
289
- link.label
290
- ))))));
272
+ return (
273
+ // Removed 'absolute inset-x-0 top-0 z-50 pointer-events-none' to let it sit in the normal document flow
274
+ /* @__PURE__ */ React4.createElement("div", { className: "w-full px-4 pt-4 sm:pt-6 mb-4" }, /* @__PURE__ */ React4.createElement("div", { className: "max-w-5xl mx-auto w-full flex justify-center" }, /* @__PURE__ */ React4.createElement("header", { className: `${headerLayoutWidth} ${headerBgClass} backdrop-blur-md rounded-full py-2 px-6 flex items-center transition-all duration-300` }, hasBrandSection && /* @__PURE__ */ React4.createElement("div", { className: "flex items-center shrink-0" }, /* @__PURE__ */ React4.createElement(Link2, { href: "/", className: "flex items-center gap-3 transition-opacity hover:opacity-70 outline-none" }, showLogo && /* @__PURE__ */ React4.createElement(
275
+ Image,
276
+ {
277
+ src: logoSrc,
278
+ alt: `${companyName} Logo`,
279
+ width: 40,
280
+ height: 40,
281
+ className: `object-contain w-8 h-auto ${shouldInvertLogo ? "invert" : ""}`,
282
+ priority: true
283
+ }
284
+ ), !hideHeaderText && /* @__PURE__ */ React4.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React4.createElement("span", { className: `text-[11px] leading-none tracking-wide mb-1 ${brandTitleClass}` }, companyName), subtitle && /* @__PURE__ */ React4.createElement("span", { className: `text-[9px] tracking-widest leading-none ${brandSubtitleClass}` }, subtitle)))), /* @__PURE__ */ React4.createElement("nav", { className: "flex items-center gap-1 md:gap-2 shrink-0" }, links.map((link, index) => /* @__PURE__ */ React4.createElement(
285
+ NavLink,
286
+ {
287
+ key: index,
288
+ href: link.href,
289
+ className: link.hideOnMobile ? "hidden sm:inline-flex" : ""
290
+ },
291
+ link.label
292
+ ))))))
293
+ );
291
294
  };
292
295
 
293
296
  // src/components/Footer.tsx
@@ -432,7 +435,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
432
435
  setIsLoading(false);
433
436
  }
434
437
  };
435
- return /* @__PURE__ */ React7.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/30" }, /* @__PURE__ */ React7.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ React7.createElement(
438
+ return /* @__PURE__ */ React7.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/60" }, /* @__PURE__ */ React7.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ React7.createElement(
436
439
  "div",
437
440
  {
438
441
  className: "w-full max-w-md bg-white rounded-2xl shadow-2xl overflow-hidden relative z-10 animate-in fade-in zoom-in-95 duration-200"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "8.1.80",
3
+ "version": "8.1.85",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",