@maizzle/framework 6.0.13 → 6.1.0

package/dist/components/Button.vue

@@ -203,7 +203,7 @@ const MsoIconGap = () => createStaticVNode(
         <MsoSpacerLeft v-if="outlookFallback" />
         <template v-if="icon && iconPosition === 'left'">
           <span :style="textSpanStyle">
-            <img :src="icon" :width="parsedIconWidth" :alt="iconAlt" style="vertical-align: baseline; max-width: 100%;" :class="iconClass">
+            <img :src="icon" :width="parsedIconWidth" :alt="iconAlt" :class="twMerge('max-w-full align-baseline', iconClass)">
           </span>
           <MsoIconGap v-if="outlookFallback" />
         </template>
@@ -211,7 +211,7 @@ const MsoIconGap = () => createStaticVNode(
         <template v-if="icon && iconPosition === 'right'">
           <MsoIconGap v-if="outlookFallback" />
           <span :style="textSpanStyle">
-            <img :src="icon" :width="parsedIconWidth" :alt="iconAlt" style="vertical-align: baseline; max-width: 100%;" :class="iconClass">
+            <img :src="icon" :width="parsedIconWidth" :alt="iconAlt" :class="twMerge('max-w-full align-baseline', iconClass)">
           </span>
         </template>
         <MsoSpacerRight v-if="outlookFallback" />

package/dist/plugins/postcss/flattenGradients.d.ts

@@ -0,0 +1,14 @@
+import { Plugin } from "postcss";
+//#region src/plugins/postcss/flattenGradients.d.ts
+/** A gradient combo found on a DOM element. */
+interface GradientCombo {
+  /** Generated class name to emit the flat rule for. */
+  className: string;
+  /** The gradient utility class tokens present on the element. */
+  classes: string[];
+}
+declare const _default: (combos?: GradientCombo[]) => Plugin;
+declare const postcss = true;
+//#endregion
+export { GradientCombo, _default as default, postcss };
+//# sourceMappingURL=flattenGradients.d.ts.map

package/dist/plugins/postcss/flattenGradients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenGradients.d.ts","names":[],"sources":["../../../src/plugins/postcss/flattenGradients.ts"],"mappings":";;;UA6BiB;;EAEf;;EAEA;;cAuCc,WAAA,SAAQ,oBAAuB;cA4HlC"}

package/dist/plugins/postcss/flattenGradients.js

@@ -0,0 +1,144 @@
+import { Rule } from "postcss";
+//#region src/plugins/postcss/flattenGradients.ts
+/**
+* postcss-flatten-gradients
+*
+* Tailwind v4 renders gradients as CSS-variable machinery split across
+* separate utility rules (`bg-linear-*`, `from-*`, `via-*`, `to-*`),
+* combining only on the element that carries every class. Email clients
+* don't support `var()` and Maizzle inlines styles, so the variables
+* never resolve and the gradient renders nothing.
+*
+* Given the per-element gradient combos (computed from the DOM by the
+* tailwindcss transformer), this plugin reads the `--tw-gradient-*`
+* values off the utility rules and emits a single flat rule per combo:
+*
+*   .bg-linear-gradient-to-bl-from-indigo-50-to-indigo-600 {
+*     background-image: linear-gradient(to bottom left,
+*       var(--color-indigo-50), var(--color-indigo-600));
+*   }
+*
+* Colors stay as `var(--color-*)` (or literals) so the downstream
+* resolveProps + lightningcss steps convert them to hex, exactly like
+* every other Tailwind color. The dead utility rules are then removed.
+*/
+const PLUGIN_NAME = "postcss-flatten-gradients";
+const GRADIENT_UTILITY_RE = /^(from|via|to)-|^bg-(linear|radial|conic)\b/;
+const GENERATED_RE = /^bg-(linear|radial|conic)-gradient-/;
+/**
+* Color-interpolation method Tailwind appends to the position (e.g.
+* `in oklab`, `in oklch longer hue`). It always trails the direction and
+* is unsupported in email, so strip from `in <space>` to the end.
+*/
+const INTERP_RE = /(?:^|\s+)in\s+\S.*$/i;
+/** Turn a single-class selector into its raw class token (`.from-\[\#f00\]` -> `from-[#f00]`). */
+function selectorToClass(selector) {
+	const match = selector.match(/^\.((?:\\.|[^\s,>+~.])+)$/);
+	if (!match) return null;
+	return match[1].replace(/\\(.)/g, "$1");
+}
+/** Strip the interpolation method so `to top in oklab` becomes `to top`. */
+function stripInterpolation(position) {
+	return position.replace(INTERP_RE, "").trim();
+}
+var flattenGradients_default = (combos = []) => {
+	return {
+		postcssPlugin: PLUGIN_NAME,
+		Once(root) {
+			if (!combos.length) return;
+			const utilities = /* @__PURE__ */ new Map();
+			root.walkRules((rule) => {
+				const cls = selectorToClass(rule.selector);
+				if (!cls || !GRADIENT_UTILITY_RE.test(cls)) return;
+				const info = utilities.get(cls) ?? {};
+				rule.each((node) => {
+					if (node.type !== "decl") return;
+					switch (node.prop) {
+						case "--tw-gradient-position":
+							info.position = node.value;
+							break;
+						case "--tw-gradient-from":
+							info.from = node.value;
+							break;
+						case "--tw-gradient-via":
+							info.via = node.value;
+							break;
+						case "--tw-gradient-to":
+							info.to = node.value;
+							break;
+						case "--tw-gradient-from-position":
+							info.fromPosition = node.value;
+							break;
+						case "--tw-gradient-via-position":
+							info.viaPosition = node.value;
+							break;
+						case "--tw-gradient-to-position":
+							info.toPosition = node.value;
+							break;
+						case "background-image": {
+							const fn = node.value.match(/^(linear|radial|conic)-gradient\(/);
+							if (fn) info.fn = fn[1];
+							break;
+						}
+					}
+				});
+				info.rule = rule;
+				utilities.set(cls, info);
+			});
+			for (const combo of combos) {
+				const fnClass = combo.classes.find((c) => /^bg-(linear|radial|conic)\b/.test(c));
+				if (!fnClass) continue;
+				const fnInfo = utilities.get(fnClass);
+				const fn = fnInfo?.fn;
+				if (!fn) continue;
+				let from;
+				let via;
+				let to;
+				let fromPosition;
+				let viaPosition;
+				let toPosition;
+				for (const cls of combo.classes) {
+					const info = utilities.get(cls);
+					if (!info) continue;
+					if (info.from !== void 0) from = info.from;
+					if (info.via !== void 0) via = info.via;
+					if (info.to !== void 0) to = info.to;
+					if (info.fromPosition !== void 0) fromPosition = info.fromPosition;
+					if (info.viaPosition !== void 0) viaPosition = info.viaPosition;
+					if (info.toPosition !== void 0) toPosition = info.toPosition;
+				}
+				from = from ?? "transparent";
+				to = to ?? "transparent";
+				const direction = fnInfo?.position ? stripInterpolation(fnInfo.position) : "";
+				const stops = [];
+				stops.push(fromPosition && fromPosition !== "0%" ? `${from} ${fromPosition}` : from);
+				if (via !== void 0) stops.push(viaPosition && viaPosition !== "50%" ? `${via} ${viaPosition}` : via);
+				stops.push(toPosition && toPosition !== "100%" ? `${to} ${toPosition}` : to);
+				const args = direction ? `${direction}, ${stops.join(", ")}` : stops.join(", ");
+				const generated = new Rule({ selector: `.${combo.className}` });
+				generated.append({
+					prop: "background-image",
+					value: `${fn}-gradient(${args})`
+				});
+				/**
+				* Insert at the position of the source utility rule (still present
+				* — removal happens below) so the gradient keeps that rule's place
+				* in the cascade. Appending to the root would move it past any
+				* later author CSS that should override it.
+				*/
+				const anchor = fnInfo?.rule;
+				if (anchor?.parent) anchor.before(generated);
+				else root.append(generated);
+			}
+			root.walkRules((rule) => {
+				const cls = selectorToClass(rule.selector);
+				if (cls && !GENERATED_RE.test(cls) && GRADIENT_UTILITY_RE.test(cls)) rule.remove();
+			});
+		}
+	};
+};
+const postcss = true;
+//#endregion
+export { flattenGradients_default as default, postcss };
+
+//# sourceMappingURL=flattenGradients.js.map

package/dist/plugins/postcss/flattenGradients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenGradients.js","names":[],"sources":["../../../src/plugins/postcss/flattenGradients.ts"],"sourcesContent":["/**\n * postcss-flatten-gradients\n *\n * Tailwind v4 renders gradients as CSS-variable machinery split across\n * separate utility rules (`bg-linear-*`, `from-*`, `via-*`, `to-*`),\n * combining only on the element that carries every class. Email clients\n * don't support `var()` and Maizzle inlines styles, so the variables\n * never resolve and the gradient renders nothing.\n *\n * Given the per-element gradient combos (computed from the DOM by the\n * tailwindcss transformer), this plugin reads the `--tw-gradient-*`\n * values off the utility rules and emits a single flat rule per combo:\n *\n *   .bg-linear-gradient-to-bl-from-indigo-50-to-indigo-600 {\n *     background-image: linear-gradient(to bottom left,\n *       var(--color-indigo-50), var(--color-indigo-600));\n *   }\n *\n * Colors stay as `var(--color-*)` (or literals) so the downstream\n * resolveProps + lightningcss steps convert them to hex, exactly like\n * every other Tailwind color. The dead utility rules are then removed.\n */\n\nimport { Rule } from 'postcss'\nimport type { Plugin, Root } from 'postcss'\n\nconst PLUGIN_NAME = 'postcss-flatten-gradients'\n\n/** A gradient combo found on a DOM element. */\nexport interface GradientCombo {\n  /** Generated class name to emit the flat rule for. */\n  className: string\n  /** The gradient utility class tokens present on the element. */\n  classes: string[]\n}\n\ntype GradientFn = 'linear' | 'radial' | 'conic'\n\ninterface UtilityInfo {\n  fn?: GradientFn\n  position?: string\n  from?: string\n  via?: string\n  to?: string\n  fromPosition?: string\n  viaPosition?: string\n  toPosition?: string\n  /** The source rule, used to anchor the generated rule in the cascade. */\n  rule?: Rule\n}\n\nconst GRADIENT_UTILITY_RE = /^(from|via|to)-|^bg-(linear|radial|conic)\\b/\nconst GENERATED_RE = /^bg-(linear|radial|conic)-gradient-/\n/**\n * Color-interpolation method Tailwind appends to the position (e.g.\n * `in oklab`, `in oklch longer hue`). It always trails the direction and\n * is unsupported in email, so strip from `in <space>` to the end.\n */\nconst INTERP_RE = /(?:^|\\s+)in\\s+\\S.*$/i\n\n/** Turn a single-class selector into its raw class token (`.from-\\[\\#f00\\]` -> `from-[#f00]`). */\nfunction selectorToClass(selector: string): string | null {\n  const match = selector.match(/^\\.((?:\\\\.|[^\\s,>+~.])+)$/)\n  if (!match) return null\n  return match[1].replace(/\\\\(.)/g, '$1')\n}\n\n/** Strip the interpolation method so `to top in oklab` becomes `to top`. */\nfunction stripInterpolation(position: string): string {\n  return position.replace(INTERP_RE, '').trim()\n}\n\nexport default (combos: GradientCombo[] = []): Plugin => {\n  return {\n    postcssPlugin: PLUGIN_NAME,\n\n    Once(root: Root) {\n      if (!combos.length) return\n\n      // Index every single-class gradient utility rule by its class token.\n      const utilities = new Map<string, UtilityInfo>()\n\n      root.walkRules((rule) => {\n        const cls = selectorToClass(rule.selector)\n        if (!cls || !GRADIENT_UTILITY_RE.test(cls)) return\n\n        const info = utilities.get(cls) ?? {}\n\n        // Only read declarations directly on the rule, skipping the\n        // nested @supports overrides Tailwind adds for oklab.\n        rule.each((node) => {\n          if (node.type !== 'decl') return\n          switch (node.prop) {\n            case '--tw-gradient-position':\n              info.position = node.value\n              break\n            case '--tw-gradient-from':\n              info.from = node.value\n              break\n            case '--tw-gradient-via':\n              info.via = node.value\n              break\n            case '--tw-gradient-to':\n              info.to = node.value\n              break\n            case '--tw-gradient-from-position':\n              info.fromPosition = node.value\n              break\n            case '--tw-gradient-via-position':\n              info.viaPosition = node.value\n              break\n            case '--tw-gradient-to-position':\n              info.toPosition = node.value\n              break\n            case 'background-image': {\n              const fn = node.value.match(/^(linear|radial|conic)-gradient\\(/)\n              if (fn) info.fn = fn[1] as GradientFn\n              break\n            }\n          }\n        })\n\n        info.rule = rule\n        utilities.set(cls, info)\n      })\n\n      // Emit one flat rule per combo.\n      for (const combo of combos) {\n        const fnClass = combo.classes.find(c => /^bg-(linear|radial|conic)\\b/.test(c))\n        if (!fnClass) continue\n\n        const fnInfo = utilities.get(fnClass)\n        const fn = fnInfo?.fn\n        if (!fn) continue\n\n        let from: string | undefined\n        let via: string | undefined\n        let to: string | undefined\n        let fromPosition: string | undefined\n        let viaPosition: string | undefined\n        let toPosition: string | undefined\n\n        for (const cls of combo.classes) {\n          const info = utilities.get(cls)\n          if (!info) continue\n          if (info.from !== undefined) from = info.from\n          if (info.via !== undefined) via = info.via\n          if (info.to !== undefined) to = info.to\n          if (info.fromPosition !== undefined) fromPosition = info.fromPosition\n          if (info.viaPosition !== undefined) viaPosition = info.viaPosition\n          if (info.toPosition !== undefined) toPosition = info.toPosition\n        }\n\n        // Tailwind defaults an unset from/to to transparent (#0000).\n        from = from ?? 'transparent'\n        to = to ?? 'transparent'\n\n        const direction = fnInfo?.position ? stripInterpolation(fnInfo.position) : ''\n\n        const stops: string[] = []\n        stops.push(fromPosition && fromPosition !== '0%' ? `${from} ${fromPosition}` : from)\n        if (via !== undefined) {\n          stops.push(viaPosition && viaPosition !== '50%' ? `${via} ${viaPosition}` : via)\n        }\n        stops.push(toPosition && toPosition !== '100%' ? `${to} ${toPosition}` : to)\n\n        const args = direction ? `${direction}, ${stops.join(', ')}` : stops.join(', ')\n\n        const generated = new Rule({ selector: `.${combo.className}` })\n        generated.append({ prop: 'background-image', value: `${fn}-gradient(${args})` })\n\n        /**\n         * Insert at the position of the source utility rule (still present\n         * — removal happens below) so the gradient keeps that rule's place\n         * in the cascade. Appending to the root would move it past any\n         * later author CSS that should override it.\n         */\n        const anchor = fnInfo?.rule\n        if (anchor?.parent) {\n          anchor.before(generated)\n        } else {\n          root.append(generated)\n        }\n      }\n\n      // Remove the now-dead gradient utility rules.\n      root.walkRules((rule) => {\n        const cls = selectorToClass(rule.selector)\n        if (cls && !GENERATED_RE.test(cls) && GRADIENT_UTILITY_RE.test(cls)) {\n          rule.remove()\n        }\n      })\n    },\n  }\n}\n\nexport const postcss = true\n"],"mappings":"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"}

package/dist/server/ui/.vite/deps/_metadata.json

@@ -1,67 +1,67 @@
 {
-  "hash": "da0a6e25",
-  "configHash": "b212ebf5",
+  "hash": "d911c788",
+  "configHash": "f30e72cc",
   "lockfileHash": "e3b0c442",
-  "browserHash": "301a5498",
+  "browserHash": "e06e436e",
   "optimized": {
     "@lucide/vue": {
       "src": "../../../../../node_modules/@lucide/vue/dist/esm/lucide-vue.mjs",
       "file": "@lucide_vue.js",
-      "fileHash": "678a9764",
+      "fileHash": "9aa466eb",
       "needsInterop": false
     },
     "@vueuse/core": {
       "src": "../../../../../node_modules/@vueuse/core/dist/index.js",
       "file": "@vueuse_core.js",
-      "fileHash": "8ce516c5",
+      "fileHash": "ab3d1d06",
       "needsInterop": false
     },
     "@vueuse/shared": {
       "src": "../../../../../node_modules/@vueuse/shared/dist/index.js",
       "file": "@vueuse_shared.js",
-      "fileHash": "794dbf7a",
+      "fileHash": "45075773",
       "needsInterop": false
     },
     "class-variance-authority": {
       "src": "../../../../../node_modules/class-variance-authority/dist/index.mjs",
       "file": "class-variance-authority.js",
-      "fileHash": "d2ce50b9",
+      "fileHash": "16ab9b85",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../../node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "7c01443d",
+      "fileHash": "30b50a06",
       "needsInterop": false
     },
     "culori": {
       "src": "../../../../../node_modules/culori/src/index.js",
       "file": "culori.js",
-      "fileHash": "c77a9983",
+      "fileHash": "06b22b9a",
       "needsInterop": false
     },
     "reka-ui": {
       "src": "../../../../../node_modules/reka-ui/dist/index.js",
       "file": "reka-ui.js",
-      "fileHash": "1032cd9a",
+      "fileHash": "e2455ae5",
       "needsInterop": false
     },
     "tailwind-merge": {
       "src": "../../../../../node_modules/tailwind-merge/dist/bundle-cjs.js",
       "file": "tailwind-merge.js",
-      "fileHash": "04e043e4",
+      "fileHash": "d658c1c9",
       "needsInterop": true
     },
     "vue-router": {
       "src": "../../../../../node_modules/vue-router/dist/vue-router.js",
       "file": "vue-router.js",
-      "fileHash": "5dd654c7",
+      "fileHash": "47dd3c59",
       "needsInterop": false
     },
     "vue": {
       "src": "../../../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
       "file": "vue.js",
-      "fileHash": "4ea85af4",
+      "fileHash": "b53353fd",
       "needsInterop": false
     }
   },