gridsmith-ui 0.2.10 → 0.2.12

package/dist/index.js

@@ -1742,6 +1742,7 @@ var iconPaddingReduce = {
   md: 4,
   lg: 6
 };
+var HOVER_SCALE_CAP = { "--_btn-scale": "min(var(--ds-hover-scale), 1.04)" };
 function Button({ variant = "default", size = "md", iconLeft, iconRight, loading, className, children, disabled, style: style2, ...props }) {
   const spinnerSize = size === "lg" || size === "icon-lg" ? "md" : "sm";
   let paddingStyle;
@@ -1761,7 +1762,7 @@ function Button({ variant = "default", size = "md", iconLeft, iconRight, loading
         "border-[length:var(--ds-border-width)]",
         "rounded-[var(--ds-radius-md)]",
         "shadow-[var(--ds-shadow-button)]",
-        "hover:scale-[var(--ds-hover-scale)] hover:-translate-y-[var(--ds-hover-lift)]",
+        "hover:scale-[var(--_btn-scale)] hover:-translate-y-[var(--ds-hover-lift)]",
         "active:shadow-[var(--ds-shadow-button-pressed)] active:translate-x-[var(--ds-press-depth)] active:translate-y-[var(--ds-press-depth)]",
         "transition-all duration-[var(--ds-interactive-hover-speed)] ease-[var(--ds-interactive-hover-ease)]",
         "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
@@ -1771,7 +1772,7 @@ function Button({ variant = "default", size = "md", iconLeft, iconRight, loading
         className
       ),
       disabled: disabled || loading,
-      style: { ...paddingStyle, ...style2 },
+      style: { ...HOVER_SCALE_CAP, ...paddingStyle, ...style2 },
       ...props,
       children: [
         loading && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: "inherit" }) }),
@@ -94752,7 +94753,7 @@ function PageHeader({
     "header",
     {
       className: cn(
-        "space-y-ds-2",
+        "space-y-ds-2 pb-ds-4",
         hasBanner && [
           "relative overflow-hidden rounded-[var(--ds-radius-lg)]",
           "bg-[var(--ds-bg-muted)]"
@@ -94767,7 +94768,7 @@ function PageHeader({
         hasBanner && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[var(--ds-bg-canvas)]/85" }),
         /* @__PURE__ */ jsxs("div", { className: cn(hasBanner && "relative z-10"), children: [
           breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-ds-1.5 text-sm", children: breadcrumbs.map((item, i) => {
-            const isLast = i === breadcrumbs.length - 1;
+            const isNavigable = !!(item.onClick || item.href);
             return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-ds-1.5", children: [
               i > 0 && /* @__PURE__ */ jsx(
                 "span",
@@ -94777,14 +94778,7 @@ function PageHeader({
                   children: /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 12 })
                 }
               ),
-              isLast ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  "aria-current": "page",
-                  className: "font-medium text-[var(--ds-text-primary)]",
-                  children: item.label
-                }
-              ) : /* @__PURE__ */ jsx(
+              isNavigable ? /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: item.href ?? "#",
@@ -94795,7 +94789,7 @@ function PageHeader({
                   className: "text-[var(--ds-text-muted)] hover:text-[var(--ds-text-primary)] transition-colors duration-[var(--ds-transition-speed)]",
                   children: item.label
                 }
-              )
+              ) : /* @__PURE__ */ jsx("span", { className: "font-medium text-[var(--ds-text-primary)]", children: item.label })
             ] }, i);
           }) }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col @sm:flex-row @sm:items-center justify-between gap-ds-4", children: [