@medialane/ui 0.89.0 → 0.90.0

package/dist/components/gradient-button.cjs

@@ -26,7 +26,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_cn = require("../utils/cn.js");
 function GradientButton({ big, children, className, wrapperClassName, ...rest }) {
   const sizeClass = big ? "h-[54px] px-5 rounded-[15px] text-[15px]" : "h-12 px-5 rounded-[11px] text-sm";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("btn-border-animated w-full", big ? "rounded-2xl" : "rounded-xl", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("btn-border-animated w-full p-[1px]", big ? "rounded-2xl" : "rounded-xl", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
       ...rest,

package/dist/components/gradient-button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/gradient-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tall 54px variant for hero contexts (onboarding, primary page CTAs). */\n  big?: boolean;\n  /** Outer wrapper class (the `.btn-border-animated` ring) — rarely needed. */\n  wrapperClassName?: string;\n}\n\n/**\n * The full-spectrum animated-gradient CTA — `.btn-border-animated` as a 1px\n * wrapper around a transparent-fill button, so the ring reads as a solid,\n * continuously shifting brand-gradient fill (blue → purple → rose → orange).\n * This is the primary-action treatment used across medialane.io/starknet.medialane.io\n * (e.g. \"Connect wallet\", \"Buy now\") — previously hand-copied per call site;\n * this component is the single source.\n *\n * For the secondary animated-border treatment (a neutral `bg-card` fill with\n * only the border animated), use `ActionButton` instead.\n */\nexport function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[15px] text-[15px]\"\n    : \"h-12 px-5 rounded-[11px] text-sm\";\n\n  return (\n    <div className={cn(\"btn-border-animated w-full\", big ? \"rounded-2xl\" : \"rounded-xl\", wrapperClassName)}>\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex w-full items-center justify-center gap-2 whitespace-nowrap font-semibold text-white\",\n          \"border-none bg-transparent transition-all hover:brightness-110 active:scale-[0.98]\",\n          sizeClass,\n          className,\n        )}\n      >\n        {children}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA3BN,gBAAmB;AAoBZ,SAAS,eAAe,EAAE,KAAK,UAAU,WAAW,kBAAkB,GAAG,KAAK,GAAwB;AAC3G,QAAM,YAAY,MACd,6CACA;AAEJ,SACE,4CAAC,SAAI,eAAW,cAAG,8BAA8B,MAAM,gBAAgB,cAAc,gBAAgB,GACnG;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/gradient-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tall 54px variant for hero contexts (onboarding, primary page CTAs). */\n  big?: boolean;\n  /** Outer wrapper class (the `.btn-border-animated` ring) — rarely needed. */\n  wrapperClassName?: string;\n}\n\n/**\n * The full-spectrum animated-gradient CTA — `.btn-border-animated` as a 1px\n * wrapper around a transparent-fill button, so the ring reads as a solid,\n * continuously shifting brand-gradient fill (blue → purple → rose → orange).\n * This is the primary-action treatment used across medialane.io/starknet.medialane.io\n * (e.g. \"Connect wallet\", \"Buy now\") — previously hand-copied per call site;\n * this component is the single source.\n *\n * For the secondary animated-border treatment (a neutral `bg-card` fill with\n * only the border animated), use `ActionButton` instead.\n */\nexport function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[15px] text-[15px]\"\n    : \"h-12 px-5 rounded-[11px] text-sm\";\n\n  return (\n    <div className={cn(\"btn-border-animated w-full p-[1px]\", big ? \"rounded-2xl\" : \"rounded-xl\", wrapperClassName)}>\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex w-full items-center justify-center gap-2 whitespace-nowrap font-semibold text-white\",\n          \"border-none bg-transparent transition-all hover:brightness-110 active:scale-[0.98]\",\n          sizeClass,\n          className,\n        )}\n      >\n        {children}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA3BN,gBAAmB;AAoBZ,SAAS,eAAe,EAAE,KAAK,UAAU,WAAW,kBAAkB,GAAG,KAAK,GAAwB;AAC3G,QAAM,YAAY,MACd,6CACA;AAEJ,SACE,4CAAC,SAAI,eAAW,cAAG,sCAAsC,MAAM,gBAAgB,cAAc,gBAAgB,GAC3G;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/components/gradient-button.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { cn } from "../utils/cn.js";
 function GradientButton({ big, children, className, wrapperClassName, ...rest }) {
   const sizeClass = big ? "h-[54px] px-5 rounded-[15px] text-[15px]" : "h-12 px-5 rounded-[11px] text-sm";
-  return /* @__PURE__ */ jsx("div", { className: cn("btn-border-animated w-full", big ? "rounded-2xl" : "rounded-xl", wrapperClassName), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: cn("btn-border-animated w-full p-[1px]", big ? "rounded-2xl" : "rounded-xl", wrapperClassName), children: /* @__PURE__ */ jsx(
     "button",
     {
       ...rest,

package/dist/components/gradient-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/gradient-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tall 54px variant for hero contexts (onboarding, primary page CTAs). */\n  big?: boolean;\n  /** Outer wrapper class (the `.btn-border-animated` ring) — rarely needed. */\n  wrapperClassName?: string;\n}\n\n/**\n * The full-spectrum animated-gradient CTA — `.btn-border-animated` as a 1px\n * wrapper around a transparent-fill button, so the ring reads as a solid,\n * continuously shifting brand-gradient fill (blue → purple → rose → orange).\n * This is the primary-action treatment used across medialane.io/starknet.medialane.io\n * (e.g. \"Connect wallet\", \"Buy now\") — previously hand-copied per call site;\n * this component is the single source.\n *\n * For the secondary animated-border treatment (a neutral `bg-card` fill with\n * only the border animated), use `ActionButton` instead.\n */\nexport function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[15px] text-[15px]\"\n    : \"h-12 px-5 rounded-[11px] text-sm\";\n\n  return (\n    <div className={cn(\"btn-border-animated w-full\", big ? \"rounded-2xl\" : \"rounded-xl\", wrapperClassName)}>\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex w-full items-center justify-center gap-2 whitespace-nowrap font-semibold text-white\",\n          \"border-none bg-transparent transition-all hover:brightness-110 active:scale-[0.98]\",\n          sizeClass,\n          className,\n        )}\n      >\n        {children}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AA6BM;AA3BN,SAAS,UAAU;AAoBZ,SAAS,eAAe,EAAE,KAAK,UAAU,WAAW,kBAAkB,GAAG,KAAK,GAAwB;AAC3G,QAAM,YAAY,MACd,6CACA;AAEJ,SACE,oBAAC,SAAI,WAAW,GAAG,8BAA8B,MAAM,gBAAgB,cAAc,gBAAgB,GACnG;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/gradient-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nexport interface GradientButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Tall 54px variant for hero contexts (onboarding, primary page CTAs). */\n  big?: boolean;\n  /** Outer wrapper class (the `.btn-border-animated` ring) — rarely needed. */\n  wrapperClassName?: string;\n}\n\n/**\n * The full-spectrum animated-gradient CTA — `.btn-border-animated` as a 1px\n * wrapper around a transparent-fill button, so the ring reads as a solid,\n * continuously shifting brand-gradient fill (blue → purple → rose → orange).\n * This is the primary-action treatment used across medialane.io/starknet.medialane.io\n * (e.g. \"Connect wallet\", \"Buy now\") — previously hand-copied per call site;\n * this component is the single source.\n *\n * For the secondary animated-border treatment (a neutral `bg-card` fill with\n * only the border animated), use `ActionButton` instead.\n */\nexport function GradientButton({ big, children, className, wrapperClassName, ...rest }: GradientButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[15px] text-[15px]\"\n    : \"h-12 px-5 rounded-[11px] text-sm\";\n\n  return (\n    <div className={cn(\"btn-border-animated w-full p-[1px]\", big ? \"rounded-2xl\" : \"rounded-xl\", wrapperClassName)}>\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex w-full items-center justify-center gap-2 whitespace-nowrap font-semibold text-white\",\n          \"border-none bg-transparent transition-all hover:brightness-110 active:scale-[0.98]\",\n          sizeClass,\n          className,\n        )}\n      >\n        {children}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AA6BM;AA3BN,SAAS,UAAU;AAoBZ,SAAS,eAAe,EAAE,KAAK,UAAU,WAAW,kBAAkB,GAAG,KAAK,GAAwB;AAC3G,QAAM,YAAY,MACd,6CACA;AAEJ,SACE,oBAAC,SAAI,WAAW,GAAG,sCAAsC,MAAM,gBAAgB,cAAc,gBAAgB,GAC3G;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@medialane/ui",
-  "version": "0.89.0",
+  "version": "0.90.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
+  "sideEffects": false,
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",