@templatical/editor 0.0.5 → 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,234 @@
+import { AiConfig } from '../../../types/src/index.ts';
+import { BlockDefaults } from '../../types/src/index.ts';
+import { BlockDefaults as BlockDefaults_2 } from '../../../types/src/index.ts';
+import { CollaborationConfig } from '../../../types/src/index.ts';
+import { CommentEvent } from '../../../types/src/index.ts';
+import { ComputedRef } from 'vue';
+import { CustomBlockDefinition } from '../../types/src/index.ts';
+import { CustomBlockDefinition as CustomBlockDefinition_2 } from '../../../types/src/index.ts';
+import { CustomFont } from '../../types/src/index.ts';
+import { CustomFont as CustomFont_2 } from '../../../types/src/index.ts';
+import { DisplayConditionsConfig } from '../../types/src/index.ts';
+import { DisplayConditionsConfig as DisplayConditionsConfig_2 } from '../../../types/src/index.ts';
+import { FontsConfig } from '../../types/src/index.ts';
+import { FontsConfig as FontsConfig_2 } from '../../../types/src/index.ts';
+import { McpConfig } from '../../../types/src/index.ts';
+import { MediaItem } from '../../../media-library/src/index.ts';
+import { MediaRequestContext } from '../../media-library/src/index.ts';
+import { MediaRequestContext as MediaRequestContext_2 } from '../../../media-library/src/index.ts';
+import { MediaResult } from '../../types/src/index.ts';
+import { MergeTagsConfig } from '../../types/src/index.ts';
+import { MergeTagsConfig as MergeTagsConfig_2 } from '../../../types/src/index.ts';
+import { Ref } from 'vue';
+import { SaveResult } from '../../types/src/index.ts';
+import { SaveResult as SaveResult_2 } from '../../../types/src/index.ts';
+import { Template } from '../../types/src/index.ts';
+import { Template as Template_2 } from '../../../types/src/index.ts';
+import { TemplateContent } from '../../types/src/index.ts';
+import { TemplateContent as TemplateContent_2 } from '../../../types/src/index.ts';
+import { TemplateDefaults } from '../../types/src/index.ts';
+import { TemplateDefaults as TemplateDefaults_2 } from '../../../types/src/index.ts';
+import { ThemeOverrides } from '../../types/src/index.ts';
+import { ThemeOverrides as ThemeOverrides_2 } from '../../../types/src/index.ts';
+import { UiTheme } from '../../types/src/index.ts';
+import { UiTheme as UiTheme_2 } from '../../../types/src/index.ts';
+import { ViewportSize } from '../../types/src/index.ts';
+
+export { BlockDefaults }
+
+export { CustomBlockDefinition }
+
+export { CustomFont }
+
+export { DisplayConditionsConfig }
+
+export declare interface EditorCapabilities {
+    plan?: {
+        hasFeature(feature: string): boolean;
+    };
+    ai?: {
+        isFeatureEnabled(feature: string): boolean;
+    };
+    comments?: {
+        getBlockCount(blockId: string): number;
+        openForBlock(blockId: string): void;
+    };
+    savedModules?: {
+        openSaveDialog(blockId: string): void;
+        openBrowser(): void;
+        moduleCount: ComputedRef<number>;
+    };
+}
+
+export declare interface FontOption {
+    value: string;
+    label: string;
+    isCustom?: boolean;
+}
+
+export { FontsConfig }
+
+export declare function init(config: TemplaticalEditorConfig): Promise<TemplaticalEditor>;
+
+export declare function initCloud(config: TemplaticalCloudEditorConfig): Promise<TemplaticalCloudEditor>;
+
+export { MergeTagsConfig }
+
+/** Function type for media browser requests, used by both OSS and Cloud editors. */
+export declare type OnRequestMedia = (context?: MediaRequestContext) => Promise<MediaResult | null>;
+
+export { SaveResult }
+
+export { Template }
+
+export { TemplateContent }
+
+export { TemplateDefaults }
+
+export declare interface TemplaticalCloudEditor extends TemplaticalEditor {
+    create(content?: TemplateContent): Promise<Template>;
+    load(templateId: string): Promise<Template>;
+    save(): Promise<SaveResult>;
+}
+
+export declare interface TemplaticalCloudEditorConfig {
+    container: string | HTMLElement;
+    content?: TemplateContent_2;
+    auth: {
+        url: string;
+        baseUrl?: string;
+        requestOptions?: {
+            method?: "GET" | "POST";
+            headers?: Record<string, string>;
+            body?: Record<string, unknown>;
+            credentials?: RequestCredentials;
+        };
+    };
+    theme?: ThemeOverrides_2;
+    uiTheme?: UiTheme_2;
+    locale?: string;
+    /**
+     * Show the "Powered by Templatical" footer. Defaults to `true`.
+     * Set to `false` to hide the footer (no attribution required by the license).
+     * Cloud white-label plans hide the footer regardless of this setting.
+     */
+    branding?: boolean;
+    ai?: AiConfig | false;
+    commenting?: boolean;
+    collaboration?: CollaborationConfig;
+    mcp?: McpConfig;
+    blockDefaults?: BlockDefaults_2;
+    templateDefaults?: TemplateDefaults_2;
+    modules?: boolean;
+    autoSave?: boolean;
+    autoSaveDebounce?: number;
+    mergeTags?: MergeTagsConfig_2;
+    displayConditions?: DisplayConditionsConfig_2;
+    customBlocks?: CustomBlockDefinition_2[];
+    fonts?: FontsConfig_2;
+    onChange?: (content: TemplateContent_2) => void;
+    onSave?: (result: SaveResult_2) => void;
+    onCreate?: (template: Template_2) => void;
+    onLoad?: (template: Template_2) => void;
+    onError?: (error: Error) => void;
+    onComment?: (event: CommentEvent) => void;
+    onUnmount?: () => void;
+    onRequestMedia?: (context: MediaRequestContext_2) => Promise<MediaItem | null>;
+    onBeforeTestEmail?: (html: string) => string | Promise<string>;
+}
+
+export declare interface TemplaticalEditor {
+    getContent(): TemplateContent;
+    setContent(content: TemplateContent): void;
+    setTheme(theme: UiTheme): void;
+    unmount(): void;
+    toMjml?(): string;
+}
+
+export declare interface TemplaticalEditorConfig {
+    container: string | HTMLElement;
+    content?: TemplateContent;
+    onChange?: (content: TemplateContent) => void;
+    onSave?: (content: TemplateContent) => void;
+    onError?: (error: Error) => void;
+    onRequestMedia?: OnRequestMedia;
+    mergeTags?: MergeTagsConfig;
+    displayConditions?: DisplayConditionsConfig;
+    customBlocks?: CustomBlockDefinition[];
+    fonts?: FontsConfig;
+    blockDefaults?: BlockDefaults;
+    templateDefaults?: TemplateDefaults;
+    theme?: ThemeOverrides;
+    uiTheme?: UiTheme;
+    locale?: string;
+    /**
+     * Show the "Powered by Templatical" footer. Defaults to `true`.
+     * Set to `false` to hide the footer (no attribution required by the license).
+     */
+    branding?: boolean;
+}
+
+export { ThemeOverrides }
+
+export { UiTheme }
+
+export declare function unmount(): void;
+
+export declare function useFonts(config?: FontsConfig_2): UseFontsReturn;
+
+export declare interface UseFontsReturn {
+    fonts: ComputedRef<FontOption[]>;
+    defaultFont: ComputedRef<string>;
+    defaultFallback: ComputedRef<string>;
+    customFonts: Ref<CustomFont_2[]>;
+    customFontsEnabled: Ref<boolean>;
+    isLoaded: Ref<boolean>;
+    setCustomFontsEnabled: (enabled: boolean) => void;
+    loadCustomFonts: () => Promise<void>;
+    cleanupFontLinks: () => void;
+    getFontWithFallback: (fontName: string) => string;
+    getDefaultFont: () => string;
+}
+
+export { ViewportSize }
+
+export { }
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        letterSpacing: {
+            setLetterSpacing: (spacing: string) => ReturnType;
+            unsetLetterSpacing: () => ReturnType;
+        };
+    }
+}
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        fontSize: {
+            setFontSize: (size: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
+        };
+    }
+}
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
+        };
+    }
+}
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        mergeTagNode: {
+            insertMergeTag: (attrs: MergeTag) => ReturnType;
+        };
+    }
+}

package/dist/{liquid.browser-BemTg3sZ.js → liquid.browser-DZ62L7up.js}

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.bun/liquidjs@10.25.5/node_modules/liquidjs/dist/liquid.browser.mjs
+//#region ../../node_modules/.pnpm/liquidjs@10.25.7/node_modules/liquidjs/dist/liquid.browser.mjs
 var e = class {
 	constructor(e, t, n, r, i) {
 		this.kind = e, this.input = t, this.begin = n, this.end = r, this.file = i;
@@ -1656,11 +1656,13 @@ var En = class {
 	}
 }, Dn = class extends Cn {
 	constructor(e, t) {
-		super(e), this.value = new B(new L(e.input, t.options.operators, e.file, e.contentRange).readFilteredValue(), t);
-		let n = this.value.filters, r = t.options.outputEscape;
-		if (!n[n.length - 1]?.raw && r) {
-			let e = new Ct(toString.call(r), [], "", 0, 0);
-			n.push(new En(e, r, t));
+		super(e);
+		let n = new L(e.input, t.options.operators, e.file, e.contentRange);
+		this.value = new B(n.readFilteredValue(), t);
+		let r = this.value.filters, i = t.options.outputEscape;
+		if (!r[r.length - 1]?.raw && i) {
+			let e = new Ct(toString.call(i), [], "", 0, 0);
+			r.push(new En(e, i, t));
 		}
 	}
 	*render(e, t) {
@@ -1987,8 +1989,8 @@ var Q = class e {
 	constructor(e = {}, t = F, n = {}, { memoryLimit: r, renderLimit: i } = {}) {
 		this.scopes = [{}], this.registers = {}, this.breakCalled = !1, this.continueCalled = !1, this.sync = !!n.sync, this.opts = t, this.globals = n.globals ?? t.globals, this.environments = h(e) ? e : Object(e), this.strictVariables = n.strictVariables ?? this.opts.strictVariables, this.ownPropertyOnly = n.ownPropertyOnly ?? t.ownPropertyOnly, this.memoryLimit = r ?? new dt("memory alloc", n.memoryLimit ?? t.memoryLimit), this.renderLimit = i ?? new dt("template render", Ft().now() + (n.renderLimit ?? t.renderLimit));
 	}
-	getRegister(e) {
-		return this.registers[e] = this.registers[e] || {};
+	getRegister(e, t = void 0) {
+		return this.registers[e] = this.registers[e] || t;
 	}
 	setRegister(e, t) {
 		return this.registers[e] = t;
@@ -2511,6 +2513,7 @@ function Pi(e) {
 	return new TextDecoder().decode(Uint8Array.from(atob(e), (e) => e.charCodeAt(0)));
 }
 function Fi(e) {
+	if (typeof Buffer < "u" && Buffer.isBuffer(e)) return this.context.memoryLimit.use(e.byteLength), e.toString("base64");
 	let t = l(e);
 	return this.context.memoryLimit.use(t.length), Ni(t);
 }
@@ -2561,7 +2564,7 @@ var Li = /* @__PURE__ */ Object.freeze({
 			return;
 		}
 		let i = "continue-" + this.variable + "-" + this.collection.getText();
-		e.push({ continue: e.getRegister(i) });
+		e.push({ continue: e.getRegister(i, {}) });
 		let a = yield this.hash.render(e);
 		e.pop(), r = (this.liquid.options.orderedFilterParameters ? Object.keys(a).filter((e) => Bi.includes(e)) : Bi.filter((e) => a[e] !== void 0)).reduce((e, t) => t === "offset" ? Ui(e, a.offset) : t === "limit" ? Wi(e, a.limit) : Hi(e), r), e.setRegister(i, (a.offset || 0) + r.length);
 		let o = { forloop: new Ie(r.length, this.collection.getText(), this.variable) };
@@ -2809,7 +2812,7 @@ var Qi = class extends R {
 		this.tokenizer.assert(this.candidates.length, () => `empty candidates: "${e.getText()}"`);
 	}
 	*render(e, t) {
-		let n = `cycle:${yield j(this.group, e)}:` + this.candidates.join(","), r = e.getRegister("cycle"), i = r[n];
+		let n = `cycle:${yield j(this.group, e)}:` + this.candidates.join(","), r = e.getRegister("cycle", {}), i = r[n];
 		i === void 0 && (i = r[n] = 0);
 		let a = this.candidates[i];
 		return i = (i + 1) % this.candidates.length, r[n] = i, yield j(a, e);
@@ -2879,7 +2882,7 @@ var Qi = class extends R {
 		C(o, () => `illegal file path "${o}"`);
 		let s = yield n._parseLayoutFile(o, e.sync, this.currentFile);
 		e.setRegister("blockMode", $.STORE);
-		let c = yield a.renderTemplates(this.templates, e), l = e.getRegister("blocks");
+		let c = yield a.renderTemplates(this.templates, e), l = e.getRegister("blocks", {});
 		l[""] === void 0 && (l[""] = (e, t) => t.write(c)), e.setRegister("blockMode", $.OUTPUT), e.push(yield r.render(e)), yield a.renderTemplates(s, e, t), e.pop();
 	}
 	*children(e) {
@@ -2911,13 +2914,15 @@ var Qi = class extends R {
 	}
 	*render(e, t) {
 		let n = this.getBlockRender(e);
-		e.getRegister("blockMode") === $.STORE ? e.getRegister("blocks")[this.block] = n : yield n(new Be(), t);
+		e.getRegister("blockMode") === $.STORE ? e.getRegister("blocks", {})[this.block] = n : yield n(new Be(), t);
 	}
 	getBlockRender(e) {
-		let { liquid: t, templates: n } = this, r = e.getRegister("blocks")[this.block], i = function* (r, i) {
-			e.push({ block: r }), yield t.renderer.renderTemplates(n, e, i), e.pop();
+		let t = this, { liquid: n, templates: r } = this, i = e.getRegister("blocks", {})[this.block], a = function* (i, a) {
+			let o = e.getRegister("blockStack", []);
+			if (o.includes(t)) throw Error("block tag cannot be nested");
+			o.push(t), e.push({ block: i }), yield n.renderer.renderTemplates(r, e, a), e.pop(), o.pop();
 		};
-		return r ? (e, t) => r(new Be((t) => i(e, t)), t) : i;
+		return i ? (e, t) => i(new Be((t) => a(e, t)), t) : a;
 	}
 	*children() {
 		return this.templates;

package/dist/{loader-circle-BTQQxC3l.js → loader-circle-C7YEH4do.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { n as e } from "./_plugin-vue_export-helper-BHUPLLh1.js";
 var t = e("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"

package/dist/{message-circle-Blgm6V_h.js → message-circle-B_lxRh4z.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { n as e } from "./_plugin-vue_export-helper-BHUPLLh1.js";
 var t = e("message-circle", [["path", {
 	d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
 	key: "1sd12s"

package/dist/{refresh-cw-Bb4PEeW1.js → refresh-cw-DmZNoimV.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { n as e } from "./_plugin-vue_export-helper-BHUPLLh1.js";
 var t = e("eye", [["path", {
 	d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
 	key: "1nclc0"

package/dist/rolldown-runtime-gEudmnaM.js

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (e && (t = e(e = 0)), t), s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), c = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, l = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, u = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), d = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e), f = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+export { d as a, f as i, o as n, u as o, c as r, s as t };

package/dist/{scan-line-7lZPfOdm.js → scan-line-Cc9KlXo5.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { n as e } from "./_plugin-vue_export-helper-BHUPLLh1.js";
 var t = e("scan-line", [
 	["path", {
 		d: "M3 7V5a2 2 0 0 1 2-2h2",

package/dist/{send-C0ltAQrv.js → send-CMwNWTPX.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { n as e } from "./_plugin-vue_export-helper-BHUPLLh1.js";
 var t = e("send", [["path", {
 	d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
 	key: "1ffxy3"

package/dist/{shield-check-f-qv4RKs.js → shield-check-DZFf4LTh.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { n as e } from "./_plugin-vue_export-helper-BHUPLLh1.js";
 var t = e("shield-check", [["path", {
 	d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
 	key: "oel41y"

package/dist/{sparkles-KhBCGlqB.js → sparkles-D80W88H8.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+import { n as e } from "./_plugin-vue_export-helper-BHUPLLh1.js";
 var t = e("sparkles", [
 	["path", {
 		d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",

package/dist/{styleConstants-Cxw88naD.js → styleConstants-Codo7aUT.js}

@@ -1,44 +1,5 @@
-import { n as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-var t = e("text-align-center", [
-	["path", {
-		d: "M21 5H3",
-		key: "1fi0y6"
-	}],
-	["path", {
-		d: "M17 12H7",
-		key: "16if0g"
-	}],
-	["path", {
-		d: "M19 19H5",
-		key: "vjpgq2"
-	}]
-]), n = e("text-align-end", [
-	["path", {
-		d: "M21 5H3",
-		key: "1fi0y6"
-	}],
-	["path", {
-		d: "M21 12H9",
-		key: "dn1m92"
-	}],
-	["path", {
-		d: "M21 19H7",
-		key: "4cu937"
-	}]
-]), r = e("text-align-start", [
-	["path", {
-		d: "M21 5H3",
-		key: "1fi0y6"
-	}],
-	["path", {
-		d: "M15 12H3",
-		key: "6jk70r"
-	}],
-	["path", {
-		d: "M17 19H3",
-		key: "z6ezky"
-	}]
-]), i = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]", a = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", o = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-l-[var(--tpl-radius-sm)] tpl:rounded-r-none tpl:border-r-0 tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", s = "tpl:flex tpl:items-center tpl:px-2.5 tpl:text-xs tpl:border tpl:border-l-0 tpl:text-[var(--tpl-text-dim)] tpl:bg-[var(--tpl-bg-hover)] tpl:border-[var(--tpl-border)] tpl:rounded-r-[var(--tpl-radius-sm)]", c = "tpl:flex-1 tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-mono tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", l = "tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-4 tpl:border tpl:border-[var(--tpl-border)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)]", u = "tpl:flex tpl:size-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]", d = "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]", f = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2.5 tpl:py-2 tpl:font-mono tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-150 tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", p = "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-[var(--tpl-bg)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50", m = [
+//#region src/constants/styleConstants.ts
+var e = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]", t = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", n = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-l-[var(--tpl-radius-sm)] tpl:rounded-r-none tpl:border-r-0 tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", r = "tpl:flex tpl:items-center tpl:px-2.5 tpl:text-xs tpl:border tpl:border-l-0 tpl:text-[var(--tpl-text-dim)] tpl:bg-[var(--tpl-bg-hover)] tpl:border-[var(--tpl-border)] tpl:rounded-r-[var(--tpl-radius-sm)]", i = "tpl:flex-1 tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-mono tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", a = "tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-4 tpl:border tpl:border-[var(--tpl-border)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)]", o = "tpl:flex tpl:size-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]", s = "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]", c = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2.5 tpl:py-2 tpl:font-mono tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-150 tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", l = "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-[var(--tpl-bg)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50", u = [
 	"10px",
 	"12px",
 	"14px",
@@ -51,7 +12,7 @@ var t = e("text-align-center", [
 	"36px",
 	"48px",
 	"64px"
-], h = [
+], d = [
 	"1",
 	"1.2",
 	"1.4",
@@ -60,7 +21,7 @@ var t = e("text-align-center", [
 	"1.8",
 	"2",
 	"2.5"
-], g = [
+], f = [
 	{
 		label: "Normal",
 		value: "normal"
@@ -89,6 +50,6 @@ var t = e("text-align-center", [
 		label: "3px",
 		value: "3px"
 	}
-], _ = "#000000", v = "#ffffff", y = "#ffff00", b = "#f2f2f2";
+], p = "#000000", m = "#ffffff", h = "#ffff00", g = "#f2f2f2";
 //#endregion
-export { u as _, m as a, t as b, d as c, p as d, a as f, f as g, i as h, _ as i, l, s as m, y as n, g as o, o as p, b as r, h as s, v as t, c as u, r as v, n as y };
+export { o as _, u as a, s as c, l as d, t as f, c as g, e as h, p as i, a as l, r as m, h as n, f as o, n as p, g as r, d as s, m as t, i as u };