@matthiaskrijgsman/mat-ui 0.0.52 → 0.0.55

package/dist/index.js

@@ -471,7 +471,7 @@ const usePointerDrag = (onPosition) => {
     }
   };
 };
-const baseClassName = "flex flex-col dropdown-panel border-[length:var(--border-width-input)] mt-1 rounded-[var(--border-radius-dropdown)] shadow-[var(--shadow-dropdown)] overflow-y-auto relative space-y-1";
+const baseClassName = "flex flex-col dropdown-panel border-[length:var(--border-width-input)] mt-1 rounded-[var(--border-radius-dropdown)] shadow-[var(--shadow-dropdown)] overflow-x-hidden overflow-y-auto relative space-y-1";
 const paddingClasses = {
   sm: "p-2",
   md: "p-3",
@@ -1580,7 +1580,7 @@ const DropdownNavigator = (props) => {
   const current = stack[stack.length - 1];
   const levelKey = current ? current.id : "__root__";
   const content = current ? current.content : children;
-  return /* @__PURE__ */ jsx(DropdownDrilldownContext.Provider, { value: { push, pop, reset, depth: stack.length }, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(DropdownDrilldownContext.Provider, { value: { push, pop, reset, depth: stack.length }, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col overflow-x-hidden overflow-y-auto", children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ jsxs(
     motion.div,
     {
       custom: direction,
@@ -1589,7 +1589,7 @@ const DropdownNavigator = (props) => {
       animate: "center",
       exit: "exit",
       transition: { duration: 0.15, ease: "easeInOut" },
-      className: "flex flex-col space-y-1",
+      className: "flex flex-col space-y-1 p-2",
       children: [
         current && /* @__PURE__ */ jsx(DropdownButton, { dismissOnClick: false, Icon: IconChevronLeft, onClick: pop, className: "mb-1", children: /* @__PURE__ */ jsx("span", { className: "flex-1 text-left font-[number:var(--font-weight-group-header)]", children: current.label }) }),
         content
@@ -1609,7 +1609,7 @@ const DropdownMenuInner = (props) => {
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { ref: anchorRef, className, onClick: () => setShow(!show), children: trigger }),
-    /* @__PURE__ */ jsx(Popover, { open: show, children: /* @__PURE__ */ jsx(DropdownPanel, { padding: "sm", children: /* @__PURE__ */ jsx(DropdownDismissContext.Provider, { value: () => setShow(false), children: /* @__PURE__ */ jsx(DropdownNavigator, { open: show, children }) }) }) })
+    /* @__PURE__ */ jsx(Popover, { open: show, children: /* @__PURE__ */ jsx(DropdownPanel, { className: "!p-0", children: /* @__PURE__ */ jsx(DropdownDismissContext.Provider, { value: () => setShow(false), children: /* @__PURE__ */ jsx(DropdownNavigator, { open: show, children }) }) }) })
   ] });
 };
 const DropdownMenu = (props) => {
@@ -2794,7 +2794,7 @@ const InputSelectDrilldown = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Popover, { open, children: /* @__PURE__ */ jsx(DropdownPanel, { padding: "sm", style: { maxHeight }, children: /* @__PURE__ */ jsx(DropdownNavigator, { open, children: content }) }) })
+      /* @__PURE__ */ jsx(Popover, { open, children: /* @__PURE__ */ jsx(DropdownPanel, { className: "!p-0", style: { maxHeight }, children: /* @__PURE__ */ jsx(DropdownNavigator, { open, children: content }) }) })
     ] }),
     /* @__PURE__ */ jsx(InputDescription, { children: description }),
     /* @__PURE__ */ jsx(InputError, { children: error })