@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.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -610,11 +610,23 @@ var Navbar = ({
|
|
|
610
610
|
logo,
|
|
611
611
|
children,
|
|
612
612
|
className = "",
|
|
613
|
-
sticky = false
|
|
613
|
+
sticky = false,
|
|
614
|
+
variant = "solid"
|
|
614
615
|
}) => {
|
|
615
616
|
const { theme } = useTheme();
|
|
616
617
|
const baseClasses = sticky ? "sticky top-0 z-40" : "";
|
|
617
|
-
|
|
618
|
+
const getVariantClasses = () => {
|
|
619
|
+
switch (variant) {
|
|
620
|
+
case "glass":
|
|
621
|
+
return "bg-transparent backdrop-blur-xl";
|
|
622
|
+
case "transparent":
|
|
623
|
+
return "bg-transparent";
|
|
624
|
+
case "solid":
|
|
625
|
+
default:
|
|
626
|
+
return "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700";
|
|
627
|
+
}
|
|
628
|
+
};
|
|
629
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { className: `${getVariantClasses()} ${baseClasses} ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex justify-between items-center h-16", children: [
|
|
618
630
|
logo && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex items-center", children: logo }),
|
|
619
631
|
children && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex items-center gap-6", children })
|
|
620
632
|
] }) }) });
|