@commandcenterio/convert-ui 0.0.7 → 0.0.9

package/dist/index.js

@@ -457,16 +457,16 @@ var Navbar = function({
       return /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, className: "btn btn-sm btn-ghost", children: link.text }, idx);
     });
   };
-  const roundedClassNames = type === "rounded" ? "navbar mx-auto flex max-w-[95%] items-center justify-between rounded-full bg-base-200 px-4 py-2 shadow-sm @xl:max-w-[90%] @2xl:max-w-[85%] @3xl:max-w-[80%] @4xl:max-w-[75%]" : null;
+  const roundedClassNames = type === "rounded" ? "navbar mx-auto flex max-w-[95%] items-center justify-between rounded-full bg-base-200 px-4 py-2 shadow-sm xl:max-w-[90%] 2xl:max-w-[85%] 3xl:max-w-[80%] 4xl:max-w-[75%]" : null;
   const fullClassNames = type === "full" ? "flex w-[100%] items-center justify-between bg-base-200 px-4 py-2" : null;
   const defaultClassNames = type === "default" ? "navbar mx-auto flex w-full items-center justify-between rounded-box px-4 py-2 shadow-sm" : null;
   const containerClasses = roundedClassNames || fullClassNames || defaultClassNames;
   const logoHeight = maxLogoHeight ? maxLogoHeight : "50px";
   const logoHeightStyle = { "--logo-height": logoHeight };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full @container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${containerClasses} ${classNames2}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${containerClasses} ${classNames2}`, children: [
     !!children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row justify-between items-center", children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[var(--logo-height)]", style: logoHeightStyle, children: /* @__PURE__ */ jsxRuntime.jsx("img", { className: "h-[var(--logo-height)]", src: logo || "", alt: "logo" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1 @2xl:flex flex-nowrap", children: renderMenuItem() }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1 @2xl:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "items-start", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1 lg:flex flex-nowrap", children: renderMenuItem() }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "items-start", children: [
       /* @__PURE__ */ jsxRuntime.jsx("summary", { children: "Navigate" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 absolute bg-base-300 rounded-box mt-2 p-4", children: renderMenuItem() })
     ] }) }) }),

package/dist/index.mjs

@@ -447,16 +447,16 @@ var Navbar = function({
       return /* @__PURE__ */ jsx("a", { href: link.link, className: "btn btn-sm btn-ghost", children: link.text }, idx);
     });
   };
-  const roundedClassNames = type === "rounded" ? "navbar mx-auto flex max-w-[95%] items-center justify-between rounded-full bg-base-200 px-4 py-2 shadow-sm @xl:max-w-[90%] @2xl:max-w-[85%] @3xl:max-w-[80%] @4xl:max-w-[75%]" : null;
+  const roundedClassNames = type === "rounded" ? "navbar mx-auto flex max-w-[95%] items-center justify-between rounded-full bg-base-200 px-4 py-2 shadow-sm xl:max-w-[90%] 2xl:max-w-[85%] 3xl:max-w-[80%] 4xl:max-w-[75%]" : null;
   const fullClassNames = type === "full" ? "flex w-[100%] items-center justify-between bg-base-200 px-4 py-2" : null;
   const defaultClassNames = type === "default" ? "navbar mx-auto flex w-full items-center justify-between rounded-box px-4 py-2 shadow-sm" : null;
   const containerClasses = roundedClassNames || fullClassNames || defaultClassNames;
   const logoHeight = maxLogoHeight ? maxLogoHeight : "50px";
   const logoHeightStyle = { "--logo-height": logoHeight };
-  return /* @__PURE__ */ jsx("div", { className: "w-full @container", children: /* @__PURE__ */ jsxs("div", { className: `${containerClasses} ${classNames2}`, children: [
+  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs("div", { className: `${containerClasses} ${classNames2}`, children: [
     !!children ? /* @__PURE__ */ jsx("div", { className: "flex flex-row justify-between items-center", children }) : /* @__PURE__ */ jsx("div", { className: "h-[var(--logo-height)]", style: logoHeightStyle, children: /* @__PURE__ */ jsx("img", { className: "h-[var(--logo-height)]", src: logo || "", alt: "logo" }) }),
-    /* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1 @2xl:flex flex-nowrap", children: renderMenuItem() }),
-    /* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1 @2xl:hidden", children: /* @__PURE__ */ jsx("li", { className: "flex", children: /* @__PURE__ */ jsxs("details", { className: "items-start", children: [
+    /* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1 lg:flex flex-nowrap", children: renderMenuItem() }),
+    /* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1 lg:hidden", children: /* @__PURE__ */ jsx("li", { className: "flex", children: /* @__PURE__ */ jsxs("details", { className: "items-start", children: [
       /* @__PURE__ */ jsx("summary", { children: "Navigate" }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 absolute bg-base-300 rounded-box mt-2 p-4", children: renderMenuItem() })
     ] }) }) }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commandcenterio/convert-ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",