fui-material 2.2.18 → 2.3.1

package/dist/f-ui-kit.es.js

@@ -2052,7 +2052,7 @@ const warning$4 = "_warning_1lhk7_58";
 const info$2 = "_info_1lhk7_62";
 const light = "_light_1lhk7_66";
 const dark = "_dark_1lhk7_70";
-const link$1 = "_link_1lhk7_74";
+const link = "_link_1lhk7_74";
 const styles$o = {
   "authorization-spinner": "_authorization-spinner_1lhk7_1",
   "spinner-item": "_spinner-item_1lhk7_7",
@@ -2065,7 +2065,7 @@ const styles$o = {
   info: info$2,
   light,
   dark,
-  link: link$1
+  link
 };
 const FProgress = ({ st, color = "primary", id, className }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -4014,32 +4014,63 @@ const FNavigateBarItem = ({
     }
   );
 };
-const link = "_link_1desp_10";
-const disabled = "_disabled_1desp_36";
+const disabled = "_disabled_w47ps_49";
 const styles$6 = {
-  "page-links": "_page-links_1desp_3",
-  link,
+  "sections-routes": "_sections-routes_w47ps_2",
+  "sections-routes_card": "_sections-routes_card_w47ps_9",
+  "sections-routes_card__title": "_sections-routes_card__title_w47ps_25",
+  "sections-routes_card__links": "_sections-routes_card__links_w47ps_31",
   disabled
 };
-const FMenuLinks = ({ children, className, st, id, disabled: disabled2 = [] }) => {
-  const enhancedChildren = React.Children.map(children, (child, index) => {
-    if (React.isValidElement(child)) {
-      const isDisabled = disabled2.includes(index);
-      const childClassName = child.props.className ? `${child.props.className} ${styles$6.link} ${isDisabled ? styles$6.disabled : ""}` : `${styles$6.link} ${isDisabled ? styles$6.disabled : ""}`;
-      return React.cloneElement(child, {
-        className: childClassName,
-        ...isDisabled && { onClick: (e) => e.preventDefault() }
-      });
+const FMenuBlockLinks = ({
+  children,
+  className,
+  st,
+  id,
+  columns = 3
+}) => {
+  const style = st !== void 0 ? { ...st, columns } : { columns };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: `${styles$6["sections-routes"]} ${className ?? ""}`.trim(),
+      style,
+      id,
+      children
     }
-    return child;
+  );
+};
+const FMenuLinks = ({
+  children,
+  className,
+  st,
+  id,
+  disabled: disabled2 = [],
+  title
+}) => {
+  const enhancedChildren = React.Children.map(children, (child, index) => {
+    if (!React.isValidElement(child)) return child;
+    const isDisabled = disabled2.includes(index);
+    const childClass = [
+      child.props.className,
+      styles$6.link,
+      isDisabled && styles$6.disabled
+    ].filter(Boolean).join(" ");
+    return React.cloneElement(child, {
+      className: childClass,
+      ...isDisabled && { onClick: (e) => e.preventDefault() }
+    });
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `${styles$6["page-links"]} ${className || ""}`,
+      className: `${styles$6["sections-routes_card"]} ${className ?? ""}`.trim(),
       style: st,
       id,
-      children: enhancedChildren
+      children: [
+        title && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6["sections-routes_card__title"], children: title }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6["sections-routes_card__links"], children: enhancedChildren })
+      ]
     }
   );
 };
@@ -52658,6 +52689,7 @@ export {
   FInputFileForm,
   FListIcon,
   FLoadIcon,
+  FMenuBlockLinks,
   FMenuLinks,
   FMinusIcon,
   FNative,