@geomak/ui 6.27.1 → 6.27.3

package/dist/index.cjs

@@ -689,6 +689,17 @@ var VARIANT_CLASSES = {
     "disabled:border-foreground-muted disabled:text-foreground-muted disabled:cursor-not-allowed",
     "focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2"
   ].join(" "),
+  // Neutral, flat, hairline-bordered button — the quiet sibling of `secondary`
+  // (which carries the accent border). Mirrors the input border behaviour:
+  // hairline at rest, strong-hairline on hover. No shadow (flat at rest).
+  outline: [
+    "bg-surface text-foreground",
+    "border border-border hover:border-border-strong",
+    "hover:bg-surface-raised",
+    "active:bg-surface",
+    "disabled:text-foreground-muted disabled:cursor-not-allowed",
+    "focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2"
+  ].join(" "),
   ghost: [
     "bg-transparent text-foreground-secondary",
     "hover:bg-surface-raised hover:text-foreground",
@@ -5504,18 +5515,19 @@ function Pagination({
   }, [serverSide, options.perPage, picker]);
   const currentOpt = picker.find((o) => o.key === displayPerPageKey);
   const currentPerPageLabel = currentOpt?.label ?? currentOpt?.value ?? options.perPage ?? "";
-  const navBtn = (icon, disabled, onClick, title) => /* @__PURE__ */ jsxRuntime.jsx(IconButton, { type: "bordered", size: "sm", disabled, onClick, icon, title });
+  const navBtn = (icon, disabled, onClick, title) => /* @__PURE__ */ jsxRuntime.jsx(Button_default, { variant: "outline", size: "sm", disabled, onClick, icon, className: "w-7 !px-0 focus-visible:!ring-offset-0", "aria-label": title, title });
   const chevronRight = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
   const doubleChevronRight = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-4 gap-y-3 pt-3", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-4 gap-y-3", children: [
     options.withPicker && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mr-auto flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap text-xs text-foreground-muted", children: "Rows per page" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         MenuButton,
         {
-          variant: "secondary",
+          variant: "outline",
           size: "sm",
           side: "top",
+          className: "focus-visible:!ring-offset-0",
           label: String(currentPerPageLabel),
           items: picker.map((o) => ({
             key: o.key,