najm-kit 0.0.9 → 0.0.11

package/dist/index.mjs

@@ -2141,6 +2141,17 @@ function Alert({
   );
 }
 var NAlert = Alert;
+var PORTAL_LAYER_STYLE_ID = "najm-kit-portal-layer-styles";
+function useNajmPortalLayerStyles() {
+  React.useInsertionEffect(() => {
+    if (typeof document === "undefined") return;
+    if (document.getElementById(PORTAL_LAYER_STYLE_ID)) return;
+    const style = document.createElement("style");
+    style.id = PORTAL_LAYER_STYLE_ID;
+    style.textContent = `[data-radix-popper-content-wrapper]{z-index:var(--najm-portal-z-index,10000)!important;}`;
+    document.head.appendChild(style);
+  }, []);
+}
 function DropdownMenu({ ...props }) {
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
@@ -2175,6 +2186,7 @@ function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
   );
 }
 function DropdownMenuSubContent({ className, ...props }) {
+  useNajmPortalLayerStyles();
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
     {
@@ -2190,6 +2202,7 @@ function DropdownMenuSubContent({ className, ...props }) {
 function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
   const container = React.useContext(NajmThemeContainerCtx);
   const resolvedBorderDegree = useResolvedBorderDegree();
+  useNajmPortalLayerStyles();
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     {
@@ -2269,6 +2282,7 @@ function PopoverAnchor({ ...props }) {
 function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
   const container = React.useContext(NajmThemeContainerCtx);
   const resolvedBorderDegree = useResolvedBorderDegree();
+  useNajmPortalLayerStyles();
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
     PopoverPrimitive.Content,
     {
@@ -2318,6 +2332,7 @@ function SelectScrollDownButton({ className, ...props }) {
 }
 function SelectContent({ className, children, position = "popper", ...props }) {
   const container = React.useContext(NajmThemeContainerCtx);
+  useNajmPortalLayerStyles();
   return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsxs(
     SelectPrimitive.Content,
     {
@@ -2701,6 +2716,7 @@ var tooltipContentVariants = cva(
 );
 function TooltipContent({ className, sideOffset = 4, variant, children, ...props }) {
   const container = React.useContext(NajmThemeContainerCtx);
+  useNajmPortalLayerStyles();
   return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
     TooltipPrimitive.Content,
     {
@@ -9947,7 +9963,7 @@ function NPageHeader({ icon: Icon2, title, subtitle, actions, filters, top, sear
     bordered,
     fallback: "default"
   });
-  const hasBorderShell = bordered || Boolean(borderDegree);
+  const hasBorderShell = bordered || Boolean(borderDegree) || resolvedBorderDegree !== "default";
   const isStrong = resolvedBorderDegree === "strong";
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/styles.css

@@ -3473,6 +3473,9 @@ video {
 .border-border-strong {
     border-color: hsl(var(--najm-border-strong)) !important;
   }
+[data-radix-popper-content-wrapper] {
+    z-index: 10000 !important;
+  }
 /* Scrollable, but the scrollbar reserves no layout space (hidden in all
      browsers). `overflow: overlay` was removed from Chrome (~v121) and now
      behaves like `auto`, so hiding the bar is the only pure-CSS way to avoid

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",
   "main": "./dist/index.mjs",