conversion-ui-library 1.1.18 → 1.1.19

package/dist/index.es.js

@@ -9125,17 +9125,24 @@ function XZ({
   type: r,
   label: n,
   startIcon: i,
-  endIcon: o,
-  children: a,
-  font: s = "medium",
-  fontFamily: l = "mono",
-  ...c
+  icon: o,
+  endIcon: a,
+  iconSize: s,
+  iconClassName: l,
+  children: c,
+  font: u = "medium",
+  fontFamily: f = "mono",
+  ...d
 }) {
-  const u = r ? zZ[r] : null, f = u?.label || n || a, d = u?.icon || i, h = u?.size;
-  return /* @__PURE__ */ M("div", { className: D(jZ({ size: e }), t), ...c, children: [
-    W2(d, h, u?.class),
-    /* @__PURE__ */ y(Ut, { variant: "xs", font: s, fontFamily: l, children: f }),
-    W2(o)
+  const h = r ? zZ[r] : null, p = n ?? c ?? h?.label, O = i ?? o ?? h?.icon, g = s ?? h?.size, v = l ?? h?.class;
+  return /* @__PURE__ */ M("div", { className: D(jZ({ size: e }), t), ...d, children: [
+    W2(
+      O,
+      g,
+      v
+    ),
+    /* @__PURE__ */ y(Ut, { variant: "xs", font: u, fontFamily: f, children: p }),
+    W2(a)
   ] });
 }
 const ZZ = kr(
@@ -12767,40 +12774,55 @@ function Ibe({
   items: e,
   className: r,
   contentClassName: n,
-  align: i = "center"
+  side: i = "bottom",
+  align: o = "center",
+  itemClassName: a
 }) {
   return /* @__PURE__ */ M(_v, { children: [
-    /* @__PURE__ */ y(Rv, { asChild: !0, children: t }),
-    /* @__PURE__ */ y(Oh, { align: i === "left" ? "end" : i === "right" ? "start" : i, className: D("w-56", n), children: e.map((a, s) => /* @__PURE__ */ M(
-      gl,
+    /* @__PURE__ */ y(Rv, { asChild: !0, className: r, children: t }),
+    /* @__PURE__ */ y(
+      Oh,
       {
-        disabled: a.disabled,
-        onClick: a.onClick,
-        "data-state": a.active ? "active" : void 0,
-        className: "gap-3 px-3 py-2",
-        children: [
-          a.icon && /* @__PURE__ */ y(
-            st,
-            {
-              name: a.icon,
-              size: "sm",
-              className: "text-sub group-focus:text-sub group-data-[state=active]:text-strong group-data-[state=active]:fill-strong "
-            }
-          ),
-          /* @__PURE__ */ y(
-            We,
-            {
-              size: "small",
-              fontFamily: "primary",
-              fontWeight: "medium",
-              className: "text-sub group-focus:text-sub group-data-[state=active]:text-strong cursor-pointer",
-              children: a.label
-            }
-          )
-        ]
-      },
-      s
-    )) })
+        align: o === "left" ? "end" : o === "right" ? "start" : o,
+        side: i,
+        className: D("w-56", n),
+        children: e.map((l, c) => /* @__PURE__ */ M(
+          gl,
+          {
+            disabled: l.disabled,
+            onClick: l.onClick,
+            "data-state": l.active ? "active" : void 0,
+            className: a,
+            children: [
+              l.icon && (m.isValidElement(l.icon) ? /* @__PURE__ */ y("span", { className: "shrink-0 inline-flex text-sub group-focus:text-sub group-data-[state=active]:text-strong group-data-[state=active]:fill-strong [&>svg]:size-4 [&>svg]:shrink-0", children: m.cloneElement(l.icon, {
+                className: D(
+                  "size-4 shrink-0 text-sub group-focus:text-sub group-data-[state=active]:text-strong group-data-[state=active]:fill-strong",
+                  l.icon.props?.className
+                )
+              }) }) : /* @__PURE__ */ y(
+                st,
+                {
+                  name: l.icon,
+                  size: "sm",
+                  className: "text-sub group-focus:text-sub group-data-[state=active]:text-strong group-data-[state=active]:fill-strong "
+                }
+              )),
+              /* @__PURE__ */ y(
+                We,
+                {
+                  size: "small",
+                  fontFamily: "primary",
+                  fontWeight: "medium",
+                  className: "text-sub group-focus:text-sub group-data-[state=active]:text-strong cursor-pointer",
+                  children: l.label
+                }
+              )
+            ]
+          },
+          c
+        ))
+      }
+    )
   ] });
 }
 const jB = kr(