@opencxh/ui-kit 3.137.6 → 3.137.8

package/dist/index.js

@@ -522,64 +522,70 @@ function qe({
   menuLabel: y = "More options"
 }) {
   const x = o || m, h = l.length > 0;
-  return /* @__PURE__ */ c("div", { className: d("inline-flex items-center", n === "primary" && "gap-0.5"), children: [
-    /* @__PURE__ */ e(
-      ae,
-      {
-        variant: n,
-        size: s,
-        onClick: r,
-        disabled: o,
-        loading: m,
-        leftIcon: a,
-        className: d(h && "rounded-r-none"),
-        children: t
-      }
-    ),
-    h && /* @__PURE__ */ e(
-      Ve,
-      {
-        placement: u,
-        disabled: x,
-        triggerLabel: y,
-        className: "min-w-menu py-1",
-        trigger: /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: d(
-              "inline-flex items-center justify-center rounded-md rounded-l-none",
-              "transition-colors duration-fast ease-out",
-              Bt[n],
-              Rt[s],
-              x && "cursor-not-allowed opacity-50"
-            ),
-            children: /* @__PURE__ */ e(Se, { className: "size-icon-md" })
-          }
-        ),
-        children: (b) => /* @__PURE__ */ e(ve, { children: l.map((v) => /* @__PURE__ */ c(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              v.onClick(), b();
+  return (
+    // De scheiding tussen beide helften is een kier in de vulling, niet een
+    // lijn: bij een ink-gevulde knop leest 2px als een spleet. 1px is genoeg
+    // om te zien dat het twee doelen zijn. De omrande varianten hebben hun
+    // eigen randen al en houden de helften tegen elkaar.
+    /* @__PURE__ */ c("div", { className: d("inline-flex items-center", n === "primary" && "gap-px"), children: [
+      /* @__PURE__ */ e(
+        ae,
+        {
+          variant: n,
+          size: s,
+          onClick: r,
+          disabled: o,
+          loading: m,
+          leftIcon: a,
+          className: d(h && "rounded-r-none"),
+          children: t
+        }
+      ),
+      h && /* @__PURE__ */ e(
+        Ve,
+        {
+          placement: u,
+          disabled: x,
+          triggerLabel: y,
+          className: "min-w-menu py-1",
+          trigger: /* @__PURE__ */ e(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: d(
+                "inline-flex items-center justify-center rounded-md rounded-l-none",
+                "transition-colors duration-fast ease-out",
+                Bt[n],
+                Rt[s],
+                x && "cursor-not-allowed opacity-50"
+              ),
+              children: /* @__PURE__ */ e(Se, { className: "size-icon-md" })
+            }
+          ),
+          children: (b) => /* @__PURE__ */ e(ve, { children: l.map((v) => /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                v.onClick(), b();
+              },
+              className: d(
+                "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
+                "transition-colors duration-fast ease-out",
+                "focus-visible:outline-none focus-visible:focus-ring",
+                v.variant === "destructive" ? "text-danger-fg hover:bg-danger-soft" : "text-text hover:bg-surface-hover"
+              ),
+              children: [
+                v.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: v.icon }),
+                v.label
+              ]
             },
-            className: d(
-              "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
-              "transition-colors duration-fast ease-out",
-              "focus-visible:outline-none focus-visible:focus-ring",
-              v.variant === "destructive" ? "text-danger-fg hover:bg-danger-soft" : "text-text hover:bg-surface-hover"
-            ),
-            children: [
-              v.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: v.icon }),
-              v.label
-            ]
-          },
-          v.id
-        )) })
-      }
-    )
-  ] });
+            v.id
+          )) })
+        }
+      )
+    ] })
+  );
 }
 const Ht = {
   sm: "size-checkbox-sm",