@medialane/ui 0.48.0 → 0.50.0

package/dist/components/action-button.cjs

@@ -0,0 +1,113 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var action_button_exports = {};
+__export(action_button_exports, {
+  ActionButton: () => ActionButton
+});
+module.exports = __toCommonJS(action_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../utils/cn.js");
+const ACTION_GRADIENTS = {
+  buy: ["#3b7bff", "#8a5cf6", "#3b7bff"],
+  submit: ["#d6359a", "#5b4ce6", "#d6359a"],
+  offer: ["#f6608f", "#fb8b46", "#f6608f"],
+  remix: ["#8a5cf6", "#f6608f", "#8a5cf6"],
+  license: ["#3b7bff", "#5b4ce6", "#3b7bff"]
+};
+const ACTION_FOREGROUNDS = {
+  buy: "#3b7bff",
+  submit: "#5b4ce6",
+  offer: "#fb7a32",
+  remix: "#8a3ff0",
+  license: "#3b7bff"
+};
+const TONE_GRADIENTS = {
+  blue: ["#3b7bff", "#5b4ce6", "#3b7bff"],
+  indigo: ["#5b4ce6", "#8a5cf6", "#5b4ce6"],
+  purple: ["#8a5cf6", "#f6608f", "#8a5cf6"],
+  orange: ["#fb8b46", "#f6608f", "#fb8b46"],
+  red: ["#ef5a5a", "#f6608f", "#ef5a5a"],
+  rose: ["#f6608f", "#fb8b46", "#f6608f"]
+};
+const TONE_FOREGROUNDS = {
+  blue: "#2f6bff",
+  indigo: "#5b4ce6",
+  purple: "#8a3ff0",
+  orange: "#fb7a32",
+  red: "#ef5a5a",
+  rose: "#f6608f"
+};
+function ActionButton({
+  action,
+  tone,
+  icon,
+  big,
+  ghost,
+  children,
+  className,
+  style,
+  ...rest
+}) {
+  const sizeClass = big ? "h-[54px] px-5 rounded-[13px] text-[15px]" : "h-[46px] px-5 rounded-[13px] text-sm";
+  if (ghost) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        ...rest,
+        className: (0, import_cn.cn)(
+          "inline-flex items-center justify-center gap-2 font-semibold cursor-pointer whitespace-nowrap",
+          "bg-muted text-foreground border-none",
+          sizeClass,
+          className
+        ),
+        style,
+        children: [
+          icon,
+          children
+        ]
+      }
+    );
+  }
+  const gradColors = action ? ACTION_GRADIENTS[action] : tone ? TONE_GRADIENTS[tone] : ACTION_GRADIENTS.buy;
+  const fg = action ? ACTION_FOREGROUNDS[action] : tone ? TONE_FOREGROUNDS[tone] : ACTION_FOREGROUNDS.buy;
+  const grad = `linear-gradient(115deg, ${gradColors.join(",")})`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      ...rest,
+      className: (0, import_cn.cn)(
+        "ml-gbtn inline-flex items-center justify-center gap-2 font-semibold cursor-pointer whitespace-nowrap",
+        "bg-card text-foreground border-none relative",
+        sizeClass,
+        className
+      ),
+      style: { "--ml-grad": grad, ...style },
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-flex", style: { color: fg }, children: icon }),
+        children
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionButton
+});
+//# sourceMappingURL=action-button.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/action-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nconst ACTION_GRADIENTS: Record<string, [string, string, string]> = {\n  buy:     ['#3b7bff', '#8a5cf6', '#3b7bff'],\n  submit:  ['#d6359a', '#5b4ce6', '#d6359a'],\n  offer:   ['#f6608f', '#fb8b46', '#f6608f'],\n  remix:   ['#8a5cf6', '#f6608f', '#8a5cf6'],\n  license: ['#3b7bff', '#5b4ce6', '#3b7bff'],\n};\n\nconst ACTION_FOREGROUNDS: Record<string, string> = {\n  buy:     '#3b7bff',\n  submit:  '#5b4ce6',\n  offer:   '#fb7a32',\n  remix:   '#8a3ff0',\n  license: '#3b7bff',\n};\n\nconst TONE_GRADIENTS: Record<string, [string, string, string]> = {\n  blue:   ['#3b7bff', '#5b4ce6', '#3b7bff'],\n  indigo: ['#5b4ce6', '#8a5cf6', '#5b4ce6'],\n  purple: ['#8a5cf6', '#f6608f', '#8a5cf6'],\n  orange: ['#fb8b46', '#f6608f', '#fb8b46'],\n  red:    ['#ef5a5a', '#f6608f', '#ef5a5a'],\n  rose:   ['#f6608f', '#fb8b46', '#f6608f'],\n};\n\nconst TONE_FOREGROUNDS: Record<string, string> = {\n  blue:   '#2f6bff',\n  indigo: '#5b4ce6',\n  purple: '#8a3ff0',\n  orange: '#fb7a32',\n  red:    '#ef5a5a',\n  rose:   '#f6608f',\n};\n\nexport type ActionKey = keyof typeof ACTION_GRADIENTS;\nexport type ToneKey = keyof typeof TONE_GRADIENTS;\n\nexport interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Semantic action — hue signals the action, never decorative. */\n  action?: ActionKey;\n  /** Tone — for secondary/owner actions. Ignored when action is set. */\n  tone?: ToneKey;\n  icon?: React.ReactNode;\n  /** Tall 54px variant for hero contexts. */\n  big?: boolean;\n  /** Ghost: no gradient border, muted surface fill. */\n  ghost?: boolean;\n}\n\nexport function ActionButton({\n  action,\n  tone,\n  icon,\n  big,\n  ghost,\n  children,\n  className,\n  style,\n  ...rest\n}: ActionButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[13px] text-[15px]\"\n    : \"h-[46px] px-5 rounded-[13px] text-sm\";\n\n  if (ghost) {\n    return (\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex items-center justify-center gap-2 font-semibold cursor-pointer whitespace-nowrap\",\n          \"bg-muted text-foreground border-none\",\n          sizeClass,\n          className,\n        )}\n        style={style}\n      >\n        {icon}{children}\n      </button>\n    );\n  }\n\n  const gradColors =\n    action ? ACTION_GRADIENTS[action] :\n    tone   ? TONE_GRADIENTS[tone] :\n    ACTION_GRADIENTS.buy;\n\n  const fg =\n    action ? ACTION_FOREGROUNDS[action] :\n    tone   ? TONE_FOREGROUNDS[tone] :\n    ACTION_FOREGROUNDS.buy;\n\n  const grad = `linear-gradient(115deg, ${gradColors.join(',')})`;\n\n  return (\n    <button\n      {...rest}\n      className={cn(\n        \"ml-gbtn inline-flex items-center justify-center gap-2 font-semibold cursor-pointer whitespace-nowrap\",\n        \"bg-card text-foreground border-none relative\",\n        sizeClass,\n        className,\n      )}\n      style={{ '--ml-grad': grad, ...style } as React.CSSProperties}\n    >\n      {icon && <span className=\"inline-flex\" style={{ color: fg }}>{icon}</span>}\n      {children}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsEM;AApEN,gBAAmB;AAEnB,MAAM,mBAA6D;AAAA,EACjE,KAAS,CAAC,WAAW,WAAW,SAAS;AAAA,EACzC,QAAS,CAAC,WAAW,WAAW,SAAS;AAAA,EACzC,OAAS,CAAC,WAAW,WAAW,SAAS;AAAA,EACzC,OAAS,CAAC,WAAW,WAAW,SAAS;AAAA,EACzC,SAAS,CAAC,WAAW,WAAW,SAAS;AAC3C;AAEA,MAAM,qBAA6C;AAAA,EACjD,KAAS;AAAA,EACT,QAAS;AAAA,EACT,OAAS;AAAA,EACT,OAAS;AAAA,EACT,SAAS;AACX;AAEA,MAAM,iBAA2D;AAAA,EAC/D,MAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,QAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,QAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,QAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,KAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,MAAQ,CAAC,WAAW,WAAW,SAAS;AAC1C;AAEA,MAAM,mBAA2C;AAAA,EAC/C,MAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,KAAQ;AAAA,EACR,MAAQ;AACV;AAiBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,YAAY,MACd,6CACA;AAEJ,MAAI,OAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,UAAM;AAAA;AAAA;AAAA,IACT;AAAA,EAEJ;AAEA,QAAM,aACJ,SAAS,iBAAiB,MAAM,IAChC,OAAS,eAAe,IAAI,IAC5B,iBAAiB;AAEnB,QAAM,KACJ,SAAS,mBAAmB,MAAM,IAClC,OAAS,iBAAiB,IAAI,IAC9B,mBAAmB;AAErB,QAAM,OAAO,2BAA2B,WAAW,KAAK,GAAG,CAAC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,aAAa,MAAM,GAAG,MAAM;AAAA,MAEpC;AAAA,gBAAQ,4CAAC,UAAK,WAAU,eAAc,OAAO,EAAE,OAAO,GAAG,GAAI,gBAAK;AAAA,QAClE;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/action-button.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const ACTION_GRADIENTS: Record<string, [string, string, string]>;
+declare const TONE_GRADIENTS: Record<string, [string, string, string]>;
+type ActionKey = keyof typeof ACTION_GRADIENTS;
+type ToneKey = keyof typeof TONE_GRADIENTS;
+interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Semantic action — hue signals the action, never decorative. */
+    action?: ActionKey;
+    /** Tone — for secondary/owner actions. Ignored when action is set. */
+    tone?: ToneKey;
+    icon?: React.ReactNode;
+    /** Tall 54px variant for hero contexts. */
+    big?: boolean;
+    /** Ghost: no gradient border, muted surface fill. */
+    ghost?: boolean;
+}
+declare function ActionButton({ action, tone, icon, big, ghost, children, className, style, ...rest }: ActionButtonProps): react_jsx_runtime.JSX.Element;
+
+export { ActionButton, type ActionButtonProps, type ActionKey, type ToneKey };

package/dist/components/action-button.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const ACTION_GRADIENTS: Record<string, [string, string, string]>;
+declare const TONE_GRADIENTS: Record<string, [string, string, string]>;
+type ActionKey = keyof typeof ACTION_GRADIENTS;
+type ToneKey = keyof typeof TONE_GRADIENTS;
+interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Semantic action — hue signals the action, never decorative. */
+    action?: ActionKey;
+    /** Tone — for secondary/owner actions. Ignored when action is set. */
+    tone?: ToneKey;
+    icon?: React.ReactNode;
+    /** Tall 54px variant for hero contexts. */
+    big?: boolean;
+    /** Ghost: no gradient border, muted surface fill. */
+    ghost?: boolean;
+}
+declare function ActionButton({ action, tone, icon, big, ghost, children, className, style, ...rest }: ActionButtonProps): react_jsx_runtime.JSX.Element;
+
+export { ActionButton, type ActionButtonProps, type ActionKey, type ToneKey };

package/dist/components/action-button.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/cn.js";
+const ACTION_GRADIENTS = {
+  buy: ["#3b7bff", "#8a5cf6", "#3b7bff"],
+  submit: ["#d6359a", "#5b4ce6", "#d6359a"],
+  offer: ["#f6608f", "#fb8b46", "#f6608f"],
+  remix: ["#8a5cf6", "#f6608f", "#8a5cf6"],
+  license: ["#3b7bff", "#5b4ce6", "#3b7bff"]
+};
+const ACTION_FOREGROUNDS = {
+  buy: "#3b7bff",
+  submit: "#5b4ce6",
+  offer: "#fb7a32",
+  remix: "#8a3ff0",
+  license: "#3b7bff"
+};
+const TONE_GRADIENTS = {
+  blue: ["#3b7bff", "#5b4ce6", "#3b7bff"],
+  indigo: ["#5b4ce6", "#8a5cf6", "#5b4ce6"],
+  purple: ["#8a5cf6", "#f6608f", "#8a5cf6"],
+  orange: ["#fb8b46", "#f6608f", "#fb8b46"],
+  red: ["#ef5a5a", "#f6608f", "#ef5a5a"],
+  rose: ["#f6608f", "#fb8b46", "#f6608f"]
+};
+const TONE_FOREGROUNDS = {
+  blue: "#2f6bff",
+  indigo: "#5b4ce6",
+  purple: "#8a3ff0",
+  orange: "#fb7a32",
+  red: "#ef5a5a",
+  rose: "#f6608f"
+};
+function ActionButton({
+  action,
+  tone,
+  icon,
+  big,
+  ghost,
+  children,
+  className,
+  style,
+  ...rest
+}) {
+  const sizeClass = big ? "h-[54px] px-5 rounded-[13px] text-[15px]" : "h-[46px] px-5 rounded-[13px] text-sm";
+  if (ghost) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ...rest,
+        className: cn(
+          "inline-flex items-center justify-center gap-2 font-semibold cursor-pointer whitespace-nowrap",
+          "bg-muted text-foreground border-none",
+          sizeClass,
+          className
+        ),
+        style,
+        children: [
+          icon,
+          children
+        ]
+      }
+    );
+  }
+  const gradColors = action ? ACTION_GRADIENTS[action] : tone ? TONE_GRADIENTS[tone] : ACTION_GRADIENTS.buy;
+  const fg = action ? ACTION_FOREGROUNDS[action] : tone ? TONE_FOREGROUNDS[tone] : ACTION_FOREGROUNDS.buy;
+  const grad = `linear-gradient(115deg, ${gradColors.join(",")})`;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...rest,
+      className: cn(
+        "ml-gbtn inline-flex items-center justify-center gap-2 font-semibold cursor-pointer whitespace-nowrap",
+        "bg-card text-foreground border-none relative",
+        sizeClass,
+        className
+      ),
+      style: { "--ml-grad": grad, ...style },
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "inline-flex", style: { color: fg }, children: icon }),
+        children
+      ]
+    }
+  );
+}
+export {
+  ActionButton
+};
+//# sourceMappingURL=action-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/action-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn.js\";\n\nconst ACTION_GRADIENTS: Record<string, [string, string, string]> = {\n  buy:     ['#3b7bff', '#8a5cf6', '#3b7bff'],\n  submit:  ['#d6359a', '#5b4ce6', '#d6359a'],\n  offer:   ['#f6608f', '#fb8b46', '#f6608f'],\n  remix:   ['#8a5cf6', '#f6608f', '#8a5cf6'],\n  license: ['#3b7bff', '#5b4ce6', '#3b7bff'],\n};\n\nconst ACTION_FOREGROUNDS: Record<string, string> = {\n  buy:     '#3b7bff',\n  submit:  '#5b4ce6',\n  offer:   '#fb7a32',\n  remix:   '#8a3ff0',\n  license: '#3b7bff',\n};\n\nconst TONE_GRADIENTS: Record<string, [string, string, string]> = {\n  blue:   ['#3b7bff', '#5b4ce6', '#3b7bff'],\n  indigo: ['#5b4ce6', '#8a5cf6', '#5b4ce6'],\n  purple: ['#8a5cf6', '#f6608f', '#8a5cf6'],\n  orange: ['#fb8b46', '#f6608f', '#fb8b46'],\n  red:    ['#ef5a5a', '#f6608f', '#ef5a5a'],\n  rose:   ['#f6608f', '#fb8b46', '#f6608f'],\n};\n\nconst TONE_FOREGROUNDS: Record<string, string> = {\n  blue:   '#2f6bff',\n  indigo: '#5b4ce6',\n  purple: '#8a3ff0',\n  orange: '#fb7a32',\n  red:    '#ef5a5a',\n  rose:   '#f6608f',\n};\n\nexport type ActionKey = keyof typeof ACTION_GRADIENTS;\nexport type ToneKey = keyof typeof TONE_GRADIENTS;\n\nexport interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Semantic action — hue signals the action, never decorative. */\n  action?: ActionKey;\n  /** Tone — for secondary/owner actions. Ignored when action is set. */\n  tone?: ToneKey;\n  icon?: React.ReactNode;\n  /** Tall 54px variant for hero contexts. */\n  big?: boolean;\n  /** Ghost: no gradient border, muted surface fill. */\n  ghost?: boolean;\n}\n\nexport function ActionButton({\n  action,\n  tone,\n  icon,\n  big,\n  ghost,\n  children,\n  className,\n  style,\n  ...rest\n}: ActionButtonProps) {\n  const sizeClass = big\n    ? \"h-[54px] px-5 rounded-[13px] text-[15px]\"\n    : \"h-[46px] px-5 rounded-[13px] text-sm\";\n\n  if (ghost) {\n    return (\n      <button\n        {...rest}\n        className={cn(\n          \"inline-flex items-center justify-center gap-2 font-semibold cursor-pointer whitespace-nowrap\",\n          \"bg-muted text-foreground border-none\",\n          sizeClass,\n          className,\n        )}\n        style={style}\n      >\n        {icon}{children}\n      </button>\n    );\n  }\n\n  const gradColors =\n    action ? ACTION_GRADIENTS[action] :\n    tone   ? TONE_GRADIENTS[tone] :\n    ACTION_GRADIENTS.buy;\n\n  const fg =\n    action ? ACTION_FOREGROUNDS[action] :\n    tone   ? TONE_FOREGROUNDS[tone] :\n    ACTION_FOREGROUNDS.buy;\n\n  const grad = `linear-gradient(115deg, ${gradColors.join(',')})`;\n\n  return (\n    <button\n      {...rest}\n      className={cn(\n        \"ml-gbtn inline-flex items-center justify-center gap-2 font-semibold cursor-pointer whitespace-nowrap\",\n        \"bg-card text-foreground border-none relative\",\n        sizeClass,\n        className,\n      )}\n      style={{ '--ml-grad': grad, ...style } as React.CSSProperties}\n    >\n      {icon && <span className=\"inline-flex\" style={{ color: fg }}>{icon}</span>}\n      {children}\n    </button>\n  );\n}\n"],"mappings":";AAsEM,SAsCS,KAtCT;AApEN,SAAS,UAAU;AAEnB,MAAM,mBAA6D;AAAA,EACjE,KAAS,CAAC,WAAW,WAAW,SAAS;AAAA,EACzC,QAAS,CAAC,WAAW,WAAW,SAAS;AAAA,EACzC,OAAS,CAAC,WAAW,WAAW,SAAS;AAAA,EACzC,OAAS,CAAC,WAAW,WAAW,SAAS;AAAA,EACzC,SAAS,CAAC,WAAW,WAAW,SAAS;AAC3C;AAEA,MAAM,qBAA6C;AAAA,EACjD,KAAS;AAAA,EACT,QAAS;AAAA,EACT,OAAS;AAAA,EACT,OAAS;AAAA,EACT,SAAS;AACX;AAEA,MAAM,iBAA2D;AAAA,EAC/D,MAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,QAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,QAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,QAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,KAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,MAAQ,CAAC,WAAW,WAAW,SAAS;AAC1C;AAEA,MAAM,mBAA2C;AAAA,EAC/C,MAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,KAAQ;AAAA,EACR,MAAQ;AACV;AAiBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,YAAY,MACd,6CACA;AAEJ,MAAI,OAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,UAAM;AAAA;AAAA;AAAA,IACT;AAAA,EAEJ;AAEA,QAAM,aACJ,SAAS,iBAAiB,MAAM,IAChC,OAAS,eAAe,IAAI,IAC5B,iBAAiB;AAEnB,QAAM,KACJ,SAAS,mBAAmB,MAAM,IAClC,OAAS,iBAAiB,IAAI,IAC9B,mBAAmB;AAErB,QAAM,OAAO,2BAA2B,WAAW,KAAK,GAAG,CAAC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,aAAa,MAAM,GAAG,MAAM;AAAA,MAEpC;AAAA,gBAAQ,oBAAC,UAAK,WAAU,eAAc,OAAO,EAAE,OAAO,GAAG,GAAI,gBAAK;AAAA,QAClE;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/action-dialog.cjs

@@ -0,0 +1,68 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var action_dialog_exports = {};
+__export(action_dialog_exports, {
+  ActionDialog: () => ActionDialog
+});
+module.exports = __toCommonJS(action_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function ActionDialog({ open, onClose, width = 540, children }) {
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      onClick: onClose,
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1e3,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 24,
+        backdropFilter: "blur(28px) saturate(150%)",
+        WebkitBackdropFilter: "blur(28px) saturate(150%)",
+        background: "rgba(6,7,15,0.55)",
+        animation: "mlFade .18s ease"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          onClick: (e) => e.stopPropagation(),
+          className: "bg-card text-card-foreground border border-border overflow-y-auto",
+          style: {
+            width,
+            maxWidth: "100%",
+            maxHeight: "92vh",
+            borderRadius: 24,
+            boxShadow: "0 50px 120px rgba(0,0,0,0.6)",
+            animation: "mlPop .22s cubic-bezier(.2,.8,.3,1)"
+          },
+          children
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionDialog
+});
+//# sourceMappingURL=action-dialog.cjs.map

package/dist/components/action-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/action-dialog.tsx"],"sourcesContent":["\"use client\";\n\n// The signature \"action focus\" dialog shell — the app recedes into a blurred,\n// oversaturated backdrop while a single clean decision panel floats centered.\n// Requires mlFade / mlPop keyframes from @medialane/ui/styles.\n\nexport interface ActionDialogProps {\n  open: boolean;\n  onClose: () => void;\n  /** Card width in px. */\n  width?: number;\n  children: React.ReactNode;\n}\n\nexport function ActionDialog({ open, onClose, width = 540, children }: ActionDialogProps) {\n  if (!open) return null;\n  return (\n    <div\n      onClick={onClose}\n      style={{\n        position: 'fixed',\n        inset: 0,\n        zIndex: 1000,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: 24,\n        backdropFilter: 'blur(28px) saturate(150%)',\n        WebkitBackdropFilter: 'blur(28px) saturate(150%)',\n        background: 'rgba(6,7,15,0.55)',\n        animation: 'mlFade .18s ease',\n      }}\n    >\n      <div\n        onClick={e => e.stopPropagation()}\n        className=\"bg-card text-card-foreground border border-border overflow-y-auto\"\n        style={{\n          width,\n          maxWidth: '100%',\n          maxHeight: '92vh',\n          borderRadius: 24,\n          boxShadow: '0 50px 120px rgba(0,0,0,0.6)',\n          animation: 'mlPop .22s cubic-bezier(.2,.8,.3,1)',\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCM;AAnBC,SAAS,aAAa,EAAE,MAAM,SAAS,QAAQ,KAAK,SAAS,GAAsB;AACxF,MAAI,CAAC,KAAM,QAAO;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,sBAAsB;AAAA,QACtB,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,OAAK,EAAE,gBAAgB;AAAA,UAChC,WAAU;AAAA,UACV,OAAO;AAAA,YACL;AAAA,YACA,UAAU;AAAA,YACV,WAAW;AAAA,YACX,cAAc;AAAA,YACd,WAAW;AAAA,YACX,WAAW;AAAA,UACb;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/action-dialog.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ActionDialogProps {
+    open: boolean;
+    onClose: () => void;
+    /** Card width in px. */
+    width?: number;
+    children: React.ReactNode;
+}
+declare function ActionDialog({ open, onClose, width, children }: ActionDialogProps): react_jsx_runtime.JSX.Element | null;
+
+export { ActionDialog, type ActionDialogProps };

package/dist/components/action-dialog.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ActionDialogProps {
+    open: boolean;
+    onClose: () => void;
+    /** Card width in px. */
+    width?: number;
+    children: React.ReactNode;
+}
+declare function ActionDialog({ open, onClose, width, children }: ActionDialogProps): react_jsx_runtime.JSX.Element | null;
+
+export { ActionDialog, type ActionDialogProps };

package/dist/components/action-dialog.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function ActionDialog({ open, onClose, width = 540, children }) {
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick: onClose,
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 1e3,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 24,
+        backdropFilter: "blur(28px) saturate(150%)",
+        WebkitBackdropFilter: "blur(28px) saturate(150%)",
+        background: "rgba(6,7,15,0.55)",
+        animation: "mlFade .18s ease"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          onClick: (e) => e.stopPropagation(),
+          className: "bg-card text-card-foreground border border-border overflow-y-auto",
+          style: {
+            width,
+            maxWidth: "100%",
+            maxHeight: "92vh",
+            borderRadius: 24,
+            boxShadow: "0 50px 120px rgba(0,0,0,0.6)",
+            animation: "mlPop .22s cubic-bezier(.2,.8,.3,1)"
+          },
+          children
+        }
+      )
+    }
+  );
+}
+export {
+  ActionDialog
+};
+//# sourceMappingURL=action-dialog.js.map

package/dist/components/action-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/action-dialog.tsx"],"sourcesContent":["\"use client\";\n\n// The signature \"action focus\" dialog shell — the app recedes into a blurred,\n// oversaturated backdrop while a single clean decision panel floats centered.\n// Requires mlFade / mlPop keyframes from @medialane/ui/styles.\n\nexport interface ActionDialogProps {\n  open: boolean;\n  onClose: () => void;\n  /** Card width in px. */\n  width?: number;\n  children: React.ReactNode;\n}\n\nexport function ActionDialog({ open, onClose, width = 540, children }: ActionDialogProps) {\n  if (!open) return null;\n  return (\n    <div\n      onClick={onClose}\n      style={{\n        position: 'fixed',\n        inset: 0,\n        zIndex: 1000,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: 24,\n        backdropFilter: 'blur(28px) saturate(150%)',\n        WebkitBackdropFilter: 'blur(28px) saturate(150%)',\n        background: 'rgba(6,7,15,0.55)',\n        animation: 'mlFade .18s ease',\n      }}\n    >\n      <div\n        onClick={e => e.stopPropagation()}\n        className=\"bg-card text-card-foreground border border-border overflow-y-auto\"\n        style={{\n          width,\n          maxWidth: '100%',\n          maxHeight: '92vh',\n          borderRadius: 24,\n          boxShadow: '0 50px 120px rgba(0,0,0,0.6)',\n          animation: 'mlPop .22s cubic-bezier(.2,.8,.3,1)',\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAiCM;AAnBC,SAAS,aAAa,EAAE,MAAM,SAAS,QAAQ,KAAK,SAAS,GAAsB;AACxF,MAAI,CAAC,KAAM,QAAO;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,sBAAsB;AAAA,QACtB,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,OAAK,EAAE,gBAAgB;AAAA,UAChC,WAAU;AAAA,UACV,OAAO;AAAA,YACL;AAAA,YACA,UAAU;AAAA,YACV,WAAW;AAAA,YACX,cAAc;AAAA,YACd,WAAW;AAAA,YACX,WAAW;AAAA,UACb;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/aurora.cjs

@@ -0,0 +1,86 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var aurora_exports = {};
+__export(aurora_exports, {
+  Aurora: () => Aurora
+});
+module.exports = __toCommonJS(aurora_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const DARK_BLOBS = [
+  "radial-gradient(38% 50% at 22% 42%, rgba(59,123,255,0.85), transparent 70%)",
+  "radial-gradient(40% 52% at 74% 30%, rgba(138,92,246,0.80), transparent 70%)",
+  "radial-gradient(42% 48% at 64% 82%, rgba(246,96,143,0.70), transparent 70%)",
+  "radial-gradient(34% 40% at 30% 88%, rgba(251,139,70,0.55), transparent 70%)",
+  "radial-gradient(30% 38% at 88% 70%, rgba(91,76,230,0.40), transparent 70%)"
+];
+const LIGHT_BLOBS = [
+  "radial-gradient(40% 52% at 20% 38%, rgba(59,123,255,0.55), transparent 70%)",
+  "radial-gradient(42% 52% at 76% 28%, rgba(138,92,246,0.48), transparent 70%)",
+  "radial-gradient(44% 50% at 66% 84%, rgba(246,96,143,0.42), transparent 70%)",
+  "radial-gradient(34% 40% at 28% 86%, rgba(251,139,70,0.40), transparent 70%)"
+];
+function Aurora({ mode = "dark", children, height = 900, className, style }) {
+  const isDark = mode === "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className,
+      style: {
+        position: "relative",
+        width: "100%",
+        height,
+        overflow: "hidden",
+        background: isDark ? "#06070f" : "#eef1f8",
+        isolation: "isolate",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              inset: "-15%",
+              filter: "blur(90px) saturate(150%)",
+              backgroundImage: (isDark ? DARK_BLOBS : LIGHT_BLOBS).join(", ")
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              inset: 0,
+              background: isDark ? "radial-gradient(ellipse at center, transparent 28%, rgba(6,7,15,0.62) 100%)" : "radial-gradient(ellipse at center, transparent 35%, rgba(238,241,248,0.5) 100%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { position: "relative", height: "100%" }, children })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Aurora
+});
+//# sourceMappingURL=aurora.cjs.map

package/dist/components/aurora.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/aurora.tsx"],"sourcesContent":["// Oversaturated, heavily-blurred aurora backdrop — the signature action-focus surface.\n// CSS-driven only; no 3D or mouse-reactive effects (no mobile story, too heavy).\n\nexport interface AuroraProps {\n  /** Dark uses deep navy base; light uses off-white. */\n  mode?: 'dark' | 'light';\n  children?: React.ReactNode;\n  height?: number | string;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst DARK_BLOBS = [\n  'radial-gradient(38% 50% at 22% 42%, rgba(59,123,255,0.85), transparent 70%)',\n  'radial-gradient(40% 52% at 74% 30%, rgba(138,92,246,0.80), transparent 70%)',\n  'radial-gradient(42% 48% at 64% 82%, rgba(246,96,143,0.70), transparent 70%)',\n  'radial-gradient(34% 40% at 30% 88%, rgba(251,139,70,0.55), transparent 70%)',\n  'radial-gradient(30% 38% at 88% 70%, rgba(91,76,230,0.40), transparent 70%)',\n];\n\nconst LIGHT_BLOBS = [\n  'radial-gradient(40% 52% at 20% 38%, rgba(59,123,255,0.55), transparent 70%)',\n  'radial-gradient(42% 52% at 76% 28%, rgba(138,92,246,0.48), transparent 70%)',\n  'radial-gradient(44% 50% at 66% 84%, rgba(246,96,143,0.42), transparent 70%)',\n  'radial-gradient(34% 40% at 28% 86%, rgba(251,139,70,0.40), transparent 70%)',\n];\n\nexport function Aurora({ mode = 'dark', children, height = 900, className, style }: AuroraProps) {\n  const isDark = mode === 'dark';\n  return (\n    <div\n      className={className}\n      style={{\n        position: 'relative',\n        width: '100%',\n        height,\n        overflow: 'hidden',\n        background: isDark ? '#06070f' : '#eef1f8',\n        isolation: 'isolate',\n        ...style,\n      }}\n    >\n      {/* Blurred blobs */}\n      <div\n        aria-hidden=\"true\"\n        style={{\n          position: 'absolute',\n          inset: '-15%',\n          filter: 'blur(90px) saturate(150%)',\n          backgroundImage: (isDark ? DARK_BLOBS : LIGHT_BLOBS).join(', '),\n        }}\n      />\n      {/* Vignette */}\n      <div\n        aria-hidden=\"true\"\n        style={{\n          position: 'absolute',\n          inset: 0,\n          background: isDark\n            ? 'radial-gradient(ellipse at center, transparent 28%, rgba(6,7,15,0.62) 100%)'\n            : 'radial-gradient(ellipse at center, transparent 35%, rgba(238,241,248,0.5) 100%)',\n        }}\n      />\n      <div style={{ position: 'relative', height: '100%' }}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BI;AAlBJ,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,OAAO,EAAE,OAAO,QAAQ,UAAU,SAAS,KAAK,WAAW,MAAM,GAAgB;AAC/F,QAAM,SAAS,SAAS;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,QACV,YAAY,SAAS,YAAY;AAAA,QACjC,WAAW;AAAA,QACX,GAAG;AAAA,MACL;AAAA,MAGA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,kBAAkB,SAAS,aAAa,aAAa,KAAK,IAAI;AAAA,YAChE;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,YAAY,SACR,gFACA;AAAA,YACN;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,SAAI,OAAO,EAAE,UAAU,YAAY,QAAQ,OAAO,GAAI,UAAS;AAAA;AAAA;AAAA,EAClE;AAEJ;","names":[]}

package/dist/components/aurora.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AuroraProps {
+    /** Dark uses deep navy base; light uses off-white. */
+    mode?: 'dark' | 'light';
+    children?: React.ReactNode;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function Aurora({ mode, children, height, className, style }: AuroraProps): react_jsx_runtime.JSX.Element;
+
+export { Aurora, type AuroraProps };

package/dist/components/aurora.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AuroraProps {
+    /** Dark uses deep navy base; light uses off-white. */
+    mode?: 'dark' | 'light';
+    children?: React.ReactNode;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function Aurora({ mode, children, height, className, style }: AuroraProps): react_jsx_runtime.JSX.Element;
+
+export { Aurora, type AuroraProps };

package/dist/components/aurora.js

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const DARK_BLOBS = [
+  "radial-gradient(38% 50% at 22% 42%, rgba(59,123,255,0.85), transparent 70%)",
+  "radial-gradient(40% 52% at 74% 30%, rgba(138,92,246,0.80), transparent 70%)",
+  "radial-gradient(42% 48% at 64% 82%, rgba(246,96,143,0.70), transparent 70%)",
+  "radial-gradient(34% 40% at 30% 88%, rgba(251,139,70,0.55), transparent 70%)",
+  "radial-gradient(30% 38% at 88% 70%, rgba(91,76,230,0.40), transparent 70%)"
+];
+const LIGHT_BLOBS = [
+  "radial-gradient(40% 52% at 20% 38%, rgba(59,123,255,0.55), transparent 70%)",
+  "radial-gradient(42% 52% at 76% 28%, rgba(138,92,246,0.48), transparent 70%)",
+  "radial-gradient(44% 50% at 66% 84%, rgba(246,96,143,0.42), transparent 70%)",
+  "radial-gradient(34% 40% at 28% 86%, rgba(251,139,70,0.40), transparent 70%)"
+];
+function Aurora({ mode = "dark", children, height = 900, className, style }) {
+  const isDark = mode === "dark";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "relative",
+        width: "100%",
+        height,
+        overflow: "hidden",
+        background: isDark ? "#06070f" : "#eef1f8",
+        isolation: "isolate",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              inset: "-15%",
+              filter: "blur(90px) saturate(150%)",
+              backgroundImage: (isDark ? DARK_BLOBS : LIGHT_BLOBS).join(", ")
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              inset: 0,
+              background: isDark ? "radial-gradient(ellipse at center, transparent 28%, rgba(6,7,15,0.62) 100%)" : "radial-gradient(ellipse at center, transparent 35%, rgba(238,241,248,0.5) 100%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { position: "relative", height: "100%" }, children })
+      ]
+    }
+  );
+}
+export {
+  Aurora
+};
+//# sourceMappingURL=aurora.js.map

package/dist/components/aurora.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/aurora.tsx"],"sourcesContent":["// Oversaturated, heavily-blurred aurora backdrop — the signature action-focus surface.\n// CSS-driven only; no 3D or mouse-reactive effects (no mobile story, too heavy).\n\nexport interface AuroraProps {\n  /** Dark uses deep navy base; light uses off-white. */\n  mode?: 'dark' | 'light';\n  children?: React.ReactNode;\n  height?: number | string;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst DARK_BLOBS = [\n  'radial-gradient(38% 50% at 22% 42%, rgba(59,123,255,0.85), transparent 70%)',\n  'radial-gradient(40% 52% at 74% 30%, rgba(138,92,246,0.80), transparent 70%)',\n  'radial-gradient(42% 48% at 64% 82%, rgba(246,96,143,0.70), transparent 70%)',\n  'radial-gradient(34% 40% at 30% 88%, rgba(251,139,70,0.55), transparent 70%)',\n  'radial-gradient(30% 38% at 88% 70%, rgba(91,76,230,0.40), transparent 70%)',\n];\n\nconst LIGHT_BLOBS = [\n  'radial-gradient(40% 52% at 20% 38%, rgba(59,123,255,0.55), transparent 70%)',\n  'radial-gradient(42% 52% at 76% 28%, rgba(138,92,246,0.48), transparent 70%)',\n  'radial-gradient(44% 50% at 66% 84%, rgba(246,96,143,0.42), transparent 70%)',\n  'radial-gradient(34% 40% at 28% 86%, rgba(251,139,70,0.40), transparent 70%)',\n];\n\nexport function Aurora({ mode = 'dark', children, height = 900, className, style }: AuroraProps) {\n  const isDark = mode === 'dark';\n  return (\n    <div\n      className={className}\n      style={{\n        position: 'relative',\n        width: '100%',\n        height,\n        overflow: 'hidden',\n        background: isDark ? '#06070f' : '#eef1f8',\n        isolation: 'isolate',\n        ...style,\n      }}\n    >\n      {/* Blurred blobs */}\n      <div\n        aria-hidden=\"true\"\n        style={{\n          position: 'absolute',\n          inset: '-15%',\n          filter: 'blur(90px) saturate(150%)',\n          backgroundImage: (isDark ? DARK_BLOBS : LIGHT_BLOBS).join(', '),\n        }}\n      />\n      {/* Vignette */}\n      <div\n        aria-hidden=\"true\"\n        style={{\n          position: 'absolute',\n          inset: 0,\n          background: isDark\n            ? 'radial-gradient(ellipse at center, transparent 28%, rgba(6,7,15,0.62) 100%)'\n            : 'radial-gradient(ellipse at center, transparent 35%, rgba(238,241,248,0.5) 100%)',\n        }}\n      />\n      <div style={{ position: 'relative', height: '100%' }}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":"AA8BI,SAaE,KAbF;AAlBJ,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,OAAO,EAAE,OAAO,QAAQ,UAAU,SAAS,KAAK,WAAW,MAAM,GAAgB;AAC/F,QAAM,SAAS,SAAS;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,QACV,YAAY,SAAS,YAAY;AAAA,QACjC,WAAW;AAAA,QACX,GAAG;AAAA,MACL;AAAA,MAGA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,kBAAkB,SAAS,aAAa,aAAa,KAAK,IAAI;AAAA,YAChE;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,YAAY,SACR,gFACA;AAAA,YACN;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,SAAI,OAAO,EAAE,UAAU,YAAY,QAAQ,OAAO,GAAI,UAAS;AAAA;AAAA;AAAA,EAClE;AAEJ;","names":[]}

package/dist/components/community-rewards-section.cjs

@@ -56,7 +56,7 @@ function CommunityRewardsSection({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "grid lg:grid-cols-2 gap-px bg-border/40 rounded-2xl overflow-hidden", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-card px-7 py-8 flex flex-col gap-6", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-brand-blue to-brand-purple text-white shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-brand-rose to-brand-orange text-white shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-base font-black", children: "Community Rewards" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold text-muted-foreground leading-snug", children: "Earn XP. Share the Creator's Fund." }),
@@ -86,7 +86,7 @@ function CommunityRewardsSection({
         import_link.default,
         {
           href: rewardsHref,
-          className: "mt-auto inline-flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-brand-blue to-brand-purple px-5 py-2.5 text-sm font-semibold text-white hover:opacity-90 transition-opacity",
+          className: "mt-auto inline-flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-brand-rose to-brand-orange px-5 py-2.5 text-sm font-semibold text-white hover:opacity-90 transition-opacity",
           children: [
             "Start earning XP",
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-3.5 w-3.5" })
@@ -100,7 +100,7 @@ function CommunityRewardsSection({
         href: creatorHref(entry.address),
         className: "group relative rounded-xl border border-border/40 bg-muted/20 hover:bg-muted/40 hover:border-border/70 overflow-hidden transition-all flex flex-col justify-between p-4",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r from-brand-blue to-brand-purple" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r from-brand-rose to-brand-orange" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-0.5 pt-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xl font-black tabular-nums leading-none", children: entry.totalXp.toLocaleString() }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "XP earned" })