@medialane/ui 0.49.0 → 0.50.1

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":[]}