@ostack.tech/ui-kform 0.12.0 → 0.12.1

package/dist/ostack-ui-kform.js

@@ -4490,7 +4490,7 @@ const FormPagesSelect = forwardRef(function FormPagesSelect2({
     [store]
   );
   const pages = useStore(store, (state) => state.pages);
-  return /* @__PURE__ */ jsx(Layer, { zIndex: ["sticky", -1], children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     Select,
     {
       className: cx(prefix("form-pages__select"), className),
@@ -4537,7 +4537,7 @@ const FormPagesSelect = forwardRef(function FormPagesSelect2({
       ref: forwardedRef,
       children: pages.map((page) => /* @__PURE__ */ jsx(FormPagesSelectOption, { path: page.path }, page.path.toString()))
     }
-  ) });
+  );
 });
 function FormPageSidebarItem({ path }) {
   const [locale7] = useLocale();
@@ -4632,7 +4632,7 @@ const FormPagesSidebar = forwardRef(function FormPagesSidebar2({ className, ...o
   );
   const pages = useStore(store, (state) => state.pages);
   const combinedSidebarRef = useCombinedRef(setSidebarEl, forwardedRef);
-  return /* @__PURE__ */ jsx(Layer, { zIndex: "docked", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: cx(prefix("form-pages__sidebar"), className),
@@ -4640,7 +4640,7 @@ const FormPagesSidebar = forwardRef(function FormPagesSidebar2({ className, ...o
       ref: combinedSidebarRef,
       children: /* @__PURE__ */ jsx(MenuList, { children: pages.map((page) => /* @__PURE__ */ jsx(FormPageSidebarItem, { path: page.path }, page.path.toString())) })
     }
-  ) });
+  );
 });
 const FormPagesNavigation = forwardRef(function FormPagesNavigation2({
   sidebarProps,
@@ -4654,7 +4654,7 @@ const FormPagesNavigation = forwardRef(function FormPagesNavigation2({
   ariaLabel ??= locale7.FormPagesNavigation["aria-label"];
   const { printHidden } = usePrintClassNames();
   const isLargeScreen = useMediaBreakpointUp("sm");
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Layer, { zIndex: isLargeScreen ? void 0 : ["sticky", -1], children: /* @__PURE__ */ jsx(
     "nav",
     {
       className: cx(prefix("form-pages__navigation"), printHidden, className),
@@ -4662,9 +4662,9 @@ const FormPagesNavigation = forwardRef(function FormPagesNavigation2({
       "aria-label": ariaLabel,
       ...otherProps,
       ref: forwardedRef,
-      children: isLargeScreen ? /* @__PURE__ */ jsx(FormPagesSidebar, { ...sidebarProps }) : /* @__PURE__ */ jsx(FormPagesSelect, { ...selectProps })
+      children: isLargeScreen ? /* @__PURE__ */ jsx(Layer, { zIndex: "docked", children: /* @__PURE__ */ jsx(FormPagesSidebar, { ...sidebarProps }) }) : /* @__PURE__ */ jsx(FormPagesSelect, { ...selectProps })
     }
-  );
+  ) });
 });
 const FormStepperContext = createContext(
   null