@uzum-tech/ui 1.12.8 → 1.12.9

package/dist/index.js

@@ -29597,8 +29597,12 @@
       borderColor: "var(--u-border-color-hover)"
     })]), c$1("&:active", [cE("state-border", {
       borderColor: "var(--u-border-color-pressed)"
+    })]), c$1("&:hover, &:active, &:focus", [cE("border", {
+      borderColor: "transparent"
     })]), cM("pressed", [cE("state-border", {
       borderColor: "var(--u-border-color-pressed)"
+    }), cE("border", {
+      borderColor: "transparent"
     })])])]), cM("disabled", {
       backgroundColor: "var(--u-color-disabled)",
       color: "var(--u-text-color-disabled)"
@@ -29609,6 +29613,8 @@
       color: "var(--u-text-color-focus)"
     }, [cE("state-border", {
       border: "var(--u-border-focus)"
+    }), cE("border", {
+      borderColor: "transparent"
     })]), c$1("&:focus-visible", {
       backgroundColor: "var(--u-color)",
       color: "var(--u-text-color)",
@@ -29620,16 +29626,22 @@
       color: "var(--u-text-color-hover)"
     }, [cE("state-border", {
       border: "var(--u-border-hover)"
+    }), cE("border", {
+      borderColor: "transparent"
     })]), c$1("&:active", {
       backgroundColor: "var(--u-color-pressed)",
       color: "var(--u-text-color-pressed)"
     }, [cE("state-border", {
       border: "var(--u-border-pressed)"
+    }), cE("border", {
+      borderColor: "transparent"
     })]), cM("pressed", {
       backgroundColor: "var(--u-color-pressed)",
       color: "var(--u-text-color-pressed)"
     }, [cE("state-border", {
       border: "var(--u-border-pressed)"
+    }), cE("border", {
+      borderColor: "transparent"
     })])]), cM("loading", "cursor: wait;"), cE("loading", null, [cM("skeleton", {
       width: "calc(100% + 2px)",
       height: "calc(100% + 2px)",
@@ -124754,6 +124766,7 @@
     left: 40%;
     transform: translateX(-40%);
     z-index: 1000;
+    cursor: default;
   `), cE("tab-pane", `
     padding: 0;
   `), cE("menu-card", `
@@ -124766,7 +124779,7 @@
   `), cE("menu-column", `
     display: flex;
     flex-direction: column;
-    gap: 16px;
+    gap: 32px;
   `, [cM("single", `
       gap: 8px;
     `)]), cE("menu-column-section", `
@@ -124781,6 +124794,9 @@
     font-size: var(--u-font-title-small);
     font-weight: 600;
     color: var(--u-header-card-title-color);
+    cursor: text;
+  `), cE('menu-column-title[role="button"]', `
+    cursor: pointer;
   `), cE("menu-column-list", `
     display: flex;
     flex-direction: column;
@@ -125242,6 +125258,9 @@
           return placement;
       }
     }
+    function isLeafMenuOption(option) {
+      return option.type !== "column";
+    }
 
     function useIsMobile() {
       const breakpointRef = useBreakpoint();
@@ -125436,6 +125455,15 @@
             );
           }
           if (isColumnOption(option)) {
+            const children = option.children ?? [];
+            const hasGroup = children.some(isGroupOption);
+            if (!hasGroup) {
+              const items = children.filter(isLeafMenuOption).map(
+                (child, index) => renderMenuItem(child, `${key}-item-${index}`)
+              ).filter(isNotNull);
+              if (!items.length) return null;
+              return /* @__PURE__ */ vue.h("div", { key, class: `${blockClass}__menu-column` }, /* @__PURE__ */ vue.h("div", { class: `${blockClass}__menu-column-list` }, items));
+            }
             const sections = option.children?.map(
               (child, index) => renderMenuColumn(child, `${key}-section-${index}`, true)
             ) ?? [];
@@ -125444,15 +125472,53 @@
             return /* @__PURE__ */ vue.h("div", { key, class: `${blockClass}__menu-column` }, content);
           }
           if (isGroupOption(option)) {
+            const hasChildren = option.children && option.children.length > 0;
+            const onClick = "onClick" in option && typeof option.onClick === "function" ? option.onClick : void 0;
+            if (!hasChildren) {
+              return /* @__PURE__ */ vue.h("div", { key, class: `${blockClass}__menu-column-section` }, /* @__PURE__ */ vue.h(
+                "div",
+                {
+                  class: `${blockClass}__menu-column-title`,
+                  role: onClick ? "button" : void 0,
+                  tabindex: onClick && !option.disabled ? 0 : void 0,
+                  onClick: onClick ? (e) => {
+                    onClick();
+                  } : void 0
+                },
+                renderOptionLabel(option)
+              ));
+            }
             const children = option.children?.map(
               (child, index) => renderMenuItem(child, `${key}-item-${index}`)
             ) ?? [];
             const content = children.filter(isNotNull);
             if (!content.length) return null;
             if (asSection) {
-              return /* @__PURE__ */ vue.h("div", { key, class: `${blockClass}__menu-column-section` }, /* @__PURE__ */ vue.h("div", { class: `${blockClass}__menu-column-title` }, renderOptionLabel(option)), /* @__PURE__ */ vue.h("div", { class: `${blockClass}__menu-column-list` }, content));
+              return /* @__PURE__ */ vue.h("div", { key, class: `${blockClass}__menu-column-section` }, /* @__PURE__ */ vue.h(
+                "div",
+                {
+                  class: `${blockClass}__menu-column-title`,
+                  role: onClick ? "button" : void 0,
+                  tabindex: onClick && !option.disabled ? 0 : void 0,
+                  onClick: onClick ? (e) => {
+                    onClick();
+                  } : void 0
+                },
+                renderOptionLabel(option)
+              ), /* @__PURE__ */ vue.h("div", { class: `${blockClass}__menu-column-list` }, content));
             }
-            return /* @__PURE__ */ vue.h("div", { key, class: `${blockClass}__menu-column` }, /* @__PURE__ */ vue.h("div", { class: `${blockClass}__menu-column-title` }, renderOptionLabel(option)), /* @__PURE__ */ vue.h("div", { class: `${blockClass}__menu-column-list` }, content));
+            return /* @__PURE__ */ vue.h("div", { key, class: `${blockClass}__menu-column` }, /* @__PURE__ */ vue.h(
+              "div",
+              {
+                class: `${blockClass}__menu-column-title`,
+                role: onClick ? "button" : void 0,
+                tabindex: onClick && !option.disabled ? 0 : void 0,
+                onClick: onClick ? (e) => {
+                  onClick();
+                } : void 0
+              },
+              renderOptionLabel(option)
+            ), /* @__PURE__ */ vue.h("div", { class: `${blockClass}__menu-column-list` }, content));
           }
           return /* @__PURE__ */ vue.h(
             "div",
@@ -128475,6 +128541,7 @@
         isColumnOption: isColumnOption,
         isDividerOption: isDividerOption,
         isGroupOption: isGroupOption,
+        isLeafMenuOption: isLeafMenuOption,
         isNotNull: isNotNull,
         layoutContentProps: layoutProps,
         layoutFooterProps: layoutFooterProps,
@@ -128549,7 +128616,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.12.8";
+    var version = "1.12.9";
 
     function create({
       componentPrefix = "U",
@@ -129714,6 +129781,7 @@
     exports.isColumnOption = isColumnOption;
     exports.isDividerOption = isDividerOption;
     exports.isGroupOption = isGroupOption;
+    exports.isLeafMenuOption = isLeafMenuOption;
     exports.isNotNull = isNotNull;
     exports.layoutContentProps = layoutProps;
     exports.layoutDark = layoutDark;