@marcoschwartz/lite-ui 0.16.0 → 0.17.0
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.
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +14 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -459,11 +459,23 @@ var Navbar = ({
|
|
|
459
459
|
logo,
|
|
460
460
|
children,
|
|
461
461
|
className = "",
|
|
462
|
-
sticky = false
|
|
462
|
+
sticky = false,
|
|
463
|
+
variant = "solid"
|
|
463
464
|
}) => {
|
|
464
465
|
const { theme } = useTheme();
|
|
465
466
|
const baseClasses = sticky ? "sticky top-0 z-40" : "";
|
|
466
|
-
|
|
467
|
+
const getVariantClasses = () => {
|
|
468
|
+
switch (variant) {
|
|
469
|
+
case "glass":
|
|
470
|
+
return "bg-transparent backdrop-blur-xl";
|
|
471
|
+
case "transparent":
|
|
472
|
+
return "bg-transparent";
|
|
473
|
+
case "solid":
|
|
474
|
+
default:
|
|
475
|
+
return "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700";
|
|
476
|
+
}
|
|
477
|
+
};
|
|
478
|
+
return /* @__PURE__ */ jsx5("nav", { className: `${getVariantClasses()} ${baseClasses} ${className}`, children: /* @__PURE__ */ jsx5("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs4("div", { className: "flex justify-between items-center h-16", children: [
|
|
467
479
|
logo && /* @__PURE__ */ jsx5("div", { className: "flex items-center", children: logo }),
|
|
468
480
|
children && /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-6", children })
|
|
469
481
|
] }) }) });
|