@dxtmisha/scripts 0.11.8 → 1.0.0

package/dist/library-ui.js

@@ -0,0 +1,3760 @@
+import { n as e, t } from "./PropertiesConfig-ChizwW5y.js";
+import { UI_DIRS_COMPONENTS as n, UI_DIRS_CONSTRUCTOR as r, UI_DIRS_ICONS as i, UI_DIRS_LIBRARY as a, UI_DIRS_STYLES as o, UI_DIRS_TOKENS as s, UI_DIRS_WIKI as c, UI_DIR_COMPONENTS as l, UI_DIR_CONSTRUCTOR as u, UI_DIR_DIST as d, UI_DIR_STRUCTURE as f, UI_EXTENSION_STYLE as p, UI_FILE_NAME_DESIGN as ee, UI_FILE_NAME_MEDIA as te, UI_FILE_NAME_PLUGIN as ne, UI_FILE_NAME_STYLE as re, UI_FILE_NAME_WIKI as ie, UI_FILE_PACKAGE as ae, UI_FILE_PROPERTY as oe, UI_FILE_STYLE_PROPERTIES as se, UI_FILE_STYLE_SCSS as ce, UI_KEY_CUSTOM as le, UI_PROJECT_CONSTRUCTOR_FULL_NAME as ue, UI_PROJECT_CONSTRUCTOR_NAME as m, UI_PROPERTY_FOR_PROPS as de, UI_STRUCTURE_CLASSES as fe } from "./config.js";
+import { a as h, i as pe, n as g, r as _, t as v } from "./propertyTypes-DflziKuR.js";
+import { ServerStorage as me, copyObject as he, forEach as y, getColumn as b, isFilled as x, isNull as ge, isObject as _e, isObjectNotArray as S, isSelected as C, isString as ve, replaceComponentName as ye, replaceRecursive as w, splice as be, strFill as xe, toArray as T, toCamelCase as E, toCamelCaseFirst as D, toKebabCase as O, uniqueArray as Se } from "@dxtmisha/functional-basic";
+import k from "typescript";
+import * as Ce from "sass";
+//#region src/functions/getComponentPaths.ts
+function A(e) {
+	return [...n, e];
+}
+//#endregion
+//#region src/media/templates/componentDocTemplates.ts
+var we = {
+	"ComponentDoc.vue": "<script setup lang=\"ts\">\nimport {\n  ComponentDocDefaults,\n  type ComponentDocEmits,\n  type ComponentDocProps,\n  type ComponentDocSlots\n} from './types'\n\ndefineOptions({\n  name: 'ComponentDoc'\n})\n\nwithDefaults(defineProps<ComponentDocProps>(), ComponentDocDefaults)\ndefineEmits<ComponentDocEmits>()\ndefineSlots<ComponentDocSlots>()\n<\/script>\n\n<template>\n  <div class=\"component-doc\"></div>\n</template>\n\n<style lang=\"scss\">\n.component-doc {\n  // Your styles here\n}\n</style>\n",
+	"index.ts": "import type { DefineSetupFnComponent, ShortEmitsToObject, SlotsType } from 'vue'\nimport type { ComponentDocEmits, ComponentDocProps, ComponentDocSlots } from './types'\n\nimport item from './ComponentDoc.vue'\n\nexport type * from './types'\n\nexport const ComponentDoc: DefineSetupFnComponent<\n  ComponentDocProps,\n  ShortEmitsToObject<ComponentDocEmits>,\n  SlotsType<ComponentDocSlots>\n> = item\n",
+	"types.ts": "export type ComponentDocEmits = {\n  // click: [value: string]\n}\n\nexport interface ComponentDocSlots {\n  // default? (props: any): any\n}\n\nexport interface ComponentDocProps {\n  // value?: string\n}\n\nexport const ComponentDocDefaults: ComponentDocProps = {\n  // value: 'value'\n}\n",
+	"materials/prompt.md": "# AI Prompt: Component Implementation & Development (Materials)\n\nYou **MUST** read, study, and strictly follow the implementation rules, architectural constraints, and folder structures specified in:\n- `node_modules/@dxtmisha/scripts/ai-resources/componentMaterials.md`\n\n---\nCRITICAL PRIORITY OVERRIDE:\nEverything below this line has the absolute highest priority and overrides any previous constraints.\n",
+	"subcomponents/_.gitignore.txt": "",
+	"wiki/ComponentDoc.mdx": "import {Meta} from '@storybook/addon-docs/blocks'\nimport {StorybookMain} from '@dxtmisha/wiki/storybook'\n\nimport * as Component from './ComponentDoc.stories'\n\n<Meta of={Component}/>\n<StorybookMain\n    name={'ComponentDoc'}\n    description={'[description]'}\n    story={Component.Component}\n/>\n\n[doc]\n",
+	"wiki/ComponentDoc.stories.ts": "import type { Meta, StoryObj } from '@storybook/vue3-vite'\n\nimport ComponentDoc from './../ComponentDoc.vue'\n\nconst meta = {\n  title: '[project]/ComponentDoc',\n  component: ComponentDoc\n} satisfies Meta<typeof ComponentDoc>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Component: Story = {\n  render: args => ({\n    components: { ComponentDoc },\n    setup() {\n      return { args }\n    },\n    template: `<div>\n      <ComponentDoc v-bind=\"args\" />\n    </div>`\n  })\n}\n",
+	"wiki/prompt.md": "# AI Prompt: Component Documentation & Development\n\nYou **MUST** read, study, and strictly follow the documentation rules, output locations, and Storybook constraints specified in:\n- `node_modules/@dxtmisha/scripts/ai-resources/componentWiki.md`\n\n---\nCRITICAL PRIORITY RULE:\nEverything below this line has a higher priority than the text above it.\n"
+}, Te = class {
+	path;
+	sample = we;
+	constructor(e) {
+		this.path = e;
+	}
+	make() {
+		console.info("Component create:", this.getName()), console.info("path:", this.path), this.getFilesSample().forEach((e) => {
+			this.writeFile(e, this.replacement(this.readSample(e)));
+		}), console.info("end");
+	}
+	getFilePath(e) {
+		return [...A(this.path), this.replacement(e)];
+	}
+	getFilesSample() {
+		return Object.keys(this.sample);
+	}
+	getName() {
+		let t = e.splitForDir(this.path);
+		return String(t[t.length - 1]);
+	}
+	getProjectName() {
+		return this.readPackage()?.name ?? "Project";
+	}
+	readPackage() {
+		return e.readFile("package.json") ?? {};
+	}
+	readSample(e) {
+		return this.sample?.[e] ?? "";
+	}
+	replacement(t) {
+		return t.replace("_.gitignore.txt", ".gitignore").replace(/ComponentDoc/g, this.getName()).replace(/component-doc/g, O(this.getName())).replace(/\[project]/g, this.getProjectName()).replace(/\[path]/g, e.splitForDir(this.path).join("/"));
+	}
+	writeFile(t, n) {
+		let r = this.getFilePath(t);
+		e.writeByPath(r, n), e.chmod(r);
+	}
+}, Ee = class {
+	constructor() {}
+	make() {
+		this.getDirs().forEach((e) => new Te(e).make());
+	}
+	getDirs() {
+		return e.readDirOnlyRecursive(n).filter((t) => e.readDir(A(t)).length === 0);
+	}
+}, De = [".cache"], Oe = ["step"], j = "system", M = class {
+	static time = 0;
+	static files = {};
+	static sizes = {};
+	static listenerName = ["global"];
+	static get(e, t, n, r = "json") {
+		if (this.is(e, t, r) && this.isBySystem(t)) return this.readFile(e, t, r);
+		this.listenerName.push(t);
+		let i = n();
+		return this.writeFile(e, t, i, r), this.listenerName.pop(), this.writeSystem(), i;
+	}
+	static read(t) {
+		if (e.is(t)) {
+			let n = e.joinPath(t);
+			this.listenerName.forEach((e) => {
+				e in this.files ? this.files?.[e]?.indexOf(n) === -1 && this.files[e].push(n) : this.files[e] = [n];
+			});
+		}
+		return e.readFile(t);
+	}
+	static write(e, t) {
+		this.writeFile(Oe, e, t);
+	}
+	static clear() {
+		e.removeDir(this.getPath([]));
+	}
+	static is(t, n, r = "json") {
+		return e.is(this.getPathName(t, n, r));
+	}
+	static isBySystem(t = "global") {
+		let n = !0;
+		return t in this.files && this.files?.[t]?.forEach((r) => {
+			let i = e.stat(r);
+			i && i.mtimeMs > this.time && (n = !1, this.console(`Modified file: ${t}, ${r}`));
+		}), n;
+	}
+	static getPath(t) {
+		return [
+			e.getRoot(),
+			...De,
+			...T(t)
+		];
+	}
+	static getPathName(t, n, r = "json") {
+		return e.getPathFile(this.getPath(t), n, r);
+	}
+	static readFile(t, n, r = "json") {
+		return e.readFile(this.getPathName(t, n, r));
+	}
+	static writeFile(t, n, r, i = "json") {
+		e.write(this.getPath(t), n, r, i);
+	}
+	static writeSystem() {
+		if (this.listenerName.length < 2) {
+			this.time = (/* @__PURE__ */ new Date()).getTime();
+			let e = {
+				time: this.time,
+				files: this.files,
+				sizes: this.sizes
+			};
+			this.writeFile([], j, e), this.console("Writes the system data");
+		}
+	}
+	static console(e) {
+		console.info("[Cache]", e);
+	}
+	static {
+		let e = this.readFile([], j);
+		e && (this.time = e.time, Object.assign(this.files, e.files), Object.assign(this.sizes, e.sizes));
+	}
+}, ke = {
+	ref: {
+		transitionDuration: {
+			1: "45ms",
+			2: "75ms",
+			3: "100ms",
+			4: "150ms",
+			5: "200ms",
+			6: "250ms",
+			7: "280ms",
+			8: "300ms"
+		},
+		transitionFunction: {
+			linear: "linear",
+			e0i80: "cubic-bezier(0.0, 0.0, 0.2, 1)",
+			e40i0: "cubic-bezier(0.4, 0.0, 1, 1)",
+			e40i80: "cubic-bezier(0.4, 0.0, 0.2, 1)",
+			e40i40: "cubic-bezier(0.4, 0.0, 0.6, 1)"
+		},
+		_type: "var",
+		_category: "root"
+	},
+	sys: {
+		transitionDuration: {
+			standard: "{ref.transitionDuration.4}",
+			xs: "{ref.transitionDuration.1}",
+			sm: "{ref.transitionDuration.3}",
+			md: {
+				open: "{ref.transitionDuration.6}",
+				close: "{ref.transitionDuration.5}"
+			},
+			lg: {
+				open: "{ref.transitionDuration.8}",
+				close: "{ref.transitionDuration.6}"
+			},
+			axis: "{ref.transitionDuration.8}",
+			container: {
+				open: "{ref.transitionDuration.8}",
+				close: "{ref.transitionDuration.6}"
+			},
+			fade: {
+				enter: "{ref.transitionDuration.4}",
+				exit: "{ref.transitionDuration.2}",
+				through: "{ref.transitionDuration.8}"
+			}
+		},
+		transitionFunction: {
+			linear: "linear",
+			standard: "{ref.transitionFunction.e40i80}",
+			emphasized: "{ref.transitionFunction.e40i40}",
+			acceleration: "{ref.transitionFunction.e40i0}",
+			deceleration: "{ref.transitionFunction.e0i80}"
+		},
+		_type: "var",
+		_category: "root"
+	}
+}, N = class e {
+	static isConstructor(e) {
+		return e === "d";
+	}
+	static getDesigns() {
+		return ["d", t.getDesignName()];
+	}
+	static getComponentName(e, t) {
+		return `${e}${t ? `-${E(t)}` : ""}`;
+	}
+	static getClassName(e, t) {
+		return `.${this.getComponentName(e, t)}`;
+	}
+	static readFile(t, n) {
+		if (e.isConstructor(t)) return he(ke);
+		if (n) return M.read([...n, oe]);
+	}
+}, Ae = "read", je = class {
+	designs;
+	paths;
+	constructorType = !1;
+	constructor(e) {
+		this.designs = e, this.paths = [], e.forEach((e) => {
+			this.paths.push({
+				design: O(e),
+				paths: this.getDir(e),
+				pathsComponent: this.getDirComponents(e)
+			});
+		}), this.paths?.[1] && N.isConstructor(this.paths?.[1].design) && (delete this.paths[1], this.constructorType = !0);
+	}
+	isConstructor() {
+		return this.constructorType;
+	}
+	getDesigns() {
+		return this.designs;
+	}
+	getPath(e) {
+		return this.paths.find((t) => t.design === e);
+	}
+	getPaths() {
+		return this.paths;
+	}
+	to(e, t, n) {
+		return M.get([Ae, e], `${e}-${t}`, () => {
+			let e = {}, r = this.getPath(t);
+			return r && (e = w(e, n(r.paths, r.pathsComponent, t))), e;
+		});
+	}
+	toAll(e, t) {
+		return M.get([Ae], e, () => {
+			let n = {};
+			return this.designs.forEach((r) => {
+				n = w(n, this.to(e, r, t));
+			}), n;
+		});
+	}
+	getDir(t) {
+		if (!N.isConstructor(t)) return [e.getRoot(), ...s];
+	}
+	getDirComponents(r) {
+		if (!N.isConstructor(r)) return [
+			e.getRoot(),
+			...n,
+			t.getProjectName()
+		];
+	}
+}, Me = [
+	_.design,
+	_.component,
+	_.classType
+], P = class {
+	properties;
+	focusDesign;
+	constructor(e) {
+		this.properties = e;
+	}
+	isFocusDesign(e, t) {
+		return !!(t || ge(this.focusDesign) || e === this.focusDesign || e === "d");
+	}
+	get() {
+		if (this.focusDesign) {
+			let e = {};
+			return y(this.properties, (t, n) => {
+				(n === "d" || n === this.focusDesign) && (e[n] = t);
+			}), e;
+		}
+		return this.properties;
+	}
+	getDesigns() {
+		return Object.keys(this.properties);
+	}
+	getItem(e) {
+		let t = this.getInfo(e)?.item;
+		return t || console.error("[Items]", `No record: ${e}`), t;
+	}
+	getInfo(e) {
+		let t = this.getKeys(e), n = t.shift(), r = t.shift(), i = this.properties?.[n]?.value, a = [{
+			name: n,
+			item: this.properties?.[n] ?? { value: "" }
+		}];
+		if (S(i)) {
+			let e = r, o = i?.[r], s = a?.[0]?.item;
+			if (o) {
+				for (let n of t) if (a.push({
+					name: n,
+					item: o
+				}), s = o, e = n, o = S(o.value) ? o.value?.[n] : void 0, !o) break;
+			}
+			if (o) return {
+				design: n,
+				component: r,
+				name: e,
+				index: this.getIndex(a),
+				value: o.value,
+				item: o,
+				parent: s,
+				parents: a
+			};
+		}
+	}
+	getKeys(e) {
+		let t = e.replace(/^\{|}$/gi, "").split(".");
+		return y(t, (e) => e.match(/^&/) ? e : E(e));
+	}
+	getName(e, t) {
+		return this.getReName(e, t).replace(/\(.*?$/, "");
+	}
+	getReName(e, t) {
+		return t?.[g.name] ?? t?.[g.rename] ?? e;
+	}
+	getParentsName(e, t) {
+		return y(e, ({ name: e, item: n }) => {
+			if (!t || typeof n?.[g.variable] == "string" && (t.indexOf(n[g.variable]) !== -1 || Me.indexOf(n[g.variable]) !== -1)) return E(e);
+		});
+	}
+	getMedia() {
+		let e = {};
+		return this.findCategory(v.media).forEach(({ design: t, item: n }) => {
+			S(n.value) && Object.assign(e, { [t]: n.value });
+		}), e;
+	}
+	getLink(e, t, n, r = ".") {
+		return n.match(/\?/) ? n.replace(/\?\?(?![ _-])/g, `${e}${r}${t}${r}`).replace(/\?\?(?=[ _-])/g, `${e}${r}${t}`).replace(/\?/g, `${e}${r}`) : this.getLinkByDesign(e, n);
+	}
+	getLinkToName(e, t, n) {
+		return this.getLink(e, t, n, "-").replace(/[a-zA-Z]+/gi, (e) => E(e));
+	}
+	getLinkToValue(e, t, n) {
+		return this.getLink(e, t, n).replace(/(?<=(?<!#)\{.*?)[a-zA-Z]+(?=.*?})/gi, (e) => E(e));
+	}
+	getLinkForName(e, t, n) {
+		return this.getLink(e, t, n, "-");
+	}
+	getLinkByDesign(e, t) {
+		return t.match("{") ? t?.replace(/(?<=(?<!#)\{)[^.{}]+/g, (t) => this.getDesigns().indexOf(t) === -1 ? `${e}.${t}` : t) : t;
+	}
+	each(e, t) {
+		return t ? S(t.item.value) ? this.read(e, !0, t.design, t.component, t.item.value, t.item, t.parents) : [] : this.read(e);
+	}
+	eachMainOnly(e, t) {
+		return t ? S(t.item.value) ? this.read(e, !1, t.design, t.component, t.item.value, t.item, t.parents) : [] : this.read(e, !1);
+	}
+	find(e) {
+		let t = [];
+		return this.each((n) => {
+			e(n) && t.push(n);
+		}), t;
+	}
+	findCategory(e) {
+		let t = [];
+		return this.each((n) => {
+			C(n.item?.[g.category], e) && t.push(n);
+		}), t;
+	}
+	findVariable(e) {
+		let t = [];
+		return this.each((n) => {
+			C(n.item?.[g.variable], e) && t.push(n);
+		}), t;
+	}
+	setFocusDesign(e) {
+		return this.focusDesign = e, this;
+	}
+	write(e) {
+		M.write(`${this.getDesigns().join("-")}-${e}`, this.properties);
+	}
+	getIndex(e) {
+		return `${b(e, "name").join(".")}`;
+	}
+	read(e, t = !0, n, r, i = this.properties, a, o = []) {
+		let s = [], c;
+		return y(i, (i, l) => {
+			if (this.isFocusDesign(l, n)) {
+				let u = n ?? l, d = n && (r ?? l), f = [...o, {
+					name: l,
+					item: i
+				}], p = e({
+					design: u,
+					component: d,
+					name: l,
+					index: this.getIndex(f),
+					value: i.value,
+					item: i,
+					previous: c,
+					parent: a,
+					parents: o
+				});
+				p !== void 0 && s.push(p), t && S(i.value) && s.push(...this.read(e, t, u, d, i.value, i, f)), c = i;
+			}
+		}), s;
+	}
+}, Ne = (t) => {
+	let n = {};
+	try {
+		let i = e.getRoot(), a = e.getRootProject(), o = [
+			[i, ...r],
+			[
+				i,
+				"..",
+				m,
+				...r
+			],
+			...a ? [[
+				a,
+				m,
+				...r
+			]] : []
+		].find((t) => e.is(t));
+		o && y(t, (t) => {
+			let r = e.readFile([
+				...o,
+				t,
+				oe
+			]);
+			r && (n[t] = r);
+		});
+	} catch (e) {
+		console.error("getConstructorProperties", e);
+	}
+	return n;
+}, F = class {
+	static SYMBOLS = {
+		$: _.var,
+		"::": _.virtual,
+		":": _.selector,
+		"~": _.state,
+		"#": _.subclass,
+		"@@": _.linkClass,
+		"@": _.link,
+		"&&": _.root,
+		"&": _.scss,
+		"--": _.none
+	};
+	static isInType(e, t) {
+		return x(e) && x(t) ? !!C(e, t) : !1;
+	}
+	static isTypeInName(e) {
+		return !!e.match(this.getExpSymbols());
+	}
+	static isMedia(e) {
+		return this.isInType(e, [_.media, _.mediaMax]);
+	}
+	static isContainer(e) {
+		return this.isInType(e, [_.container, _.containerMax]);
+	}
+	static isScss(e) {
+		return e === _.scss || !!e.match(/^&(?!&)/);
+	}
+	static isRoot(e) {
+		return e === _.root || !!e.match(/^&&/);
+	}
+	static getTypeInName(e) {
+		if (this.isTypeInName(e)) {
+			let t = e.replace(this.getExpSymbols(), "$1");
+			return t in this.SYMBOLS ? this.SYMBOLS[t] : O(t);
+		}
+		return null;
+	}
+	static getBySymbol(e) {
+		return this.SYMBOLS?.[e];
+	}
+	static getExpSymbols() {
+		return RegExp(`^(${this.symbolsToString()}|[\\w-]+(?=[|]))(.*?)$`);
+	}
+	static symbolsToString() {
+		return Object.keys(this.SYMBOLS).join("|");
+	}
+}, I = class {
+	static isSpecialKey(e) {
+		return typeof e == "string" && ([
+			"value",
+			"type",
+			"description"
+		].indexOf(e) !== -1 || !!e.match(/^_/));
+	}
+	static isFull(e) {
+		return !!e.match(/^=|\|=/);
+	}
+	static isSeparator(e) {
+		return !!e.match(t.getSeparator());
+	}
+	static getName(e, t = !0) {
+		let n = e.replace(F.getExpSymbols(), "$2").replace(/^[|]/, "");
+		return this.isSeparator(n) || !t ? n : E(n);
+	}
+	static reKey(e, t) {
+		let n = this.getName(e);
+		if (t) {
+			if (F.isMedia(t) && !n.match(/^media[A-Z]/) || F.isContainer(t) && !n.match(/^container[A-Z]/)) return E(`${t}-${n}`);
+			if (F.isScss(t)) return `&${this.getName(e, !1)}`;
+			if (F.isRoot(t)) return this.getName(e, !1);
+		}
+		return n;
+	}
+}, L = class {
+	static isFull(e) {
+		return typeof e == "string" && !!e.match(this.getExpFull());
+	}
+	static isColor(e) {
+		return !!(typeof e == "string" && e.match(/^#/i));
+	}
+	static isColorWithOpacity(e) {
+		return !!(typeof e == "string" && e.match(/^#[a-z0-9]{8}/i));
+	}
+	static reValue(e) {
+		return this.isFull(e) ? e.replace(this.getExpFull(), "") : typeof e == "number" ? e.toString() : e;
+	}
+	static getExpFull() {
+		return /^=/;
+	}
+}, R = class {
+	static to(e) {
+		let t = {};
+		return y(e, (e, n) => {
+			let r = this.getItem(n, e), i = I.reKey(n, r?.[g.type]);
+			S(r.value) && (r.value = this.to(r.value)), this.addValue(r), r[g.index] = n.replace(/^=/, ""), i in r ? t[i] = w(t[i] ?? {}, r) : t[i] = r;
+		}), t;
+	}
+	static getItem(e, t) {
+		let n = this.toItem(t);
+		return this.addType(e, n), this.addFull(e, n), n;
+	}
+	static getValueAndSpecial(e) {
+		let t = { value: e?.value || {} };
+		return y(e, (e, n) => {
+			I.isSpecialKey(n) ? t[n] = e : t.value[n] = e;
+		}), t;
+	}
+	static addType(e, t) {
+		if (!(g.type in t)) {
+			let n = F.getTypeInName(e);
+			n && (t[g.type] = n);
+		}
+	}
+	static addFull(e, t) {
+		I.isFull(e) && (t[g.fullName] = !0), typeof t.value == "string" && (L.isFull(t.value) || e.match(/aspect/i)) && (t[g.fullValue] = !0);
+	}
+	static addValue(e) {
+		e.value = L.reValue(e.value);
+	}
+	static toItem(e) {
+		return typeof e != "object" || Array.isArray(e) ? { value: e } : x(e) ? !("value" in e) || S(e.value) ? this.getValueAndSpecial(e) : e : { value: {} };
+	}
+}, Pe = "settings", Fe = class {
+	path;
+	constructor(e) {
+		this.path = e;
+	}
+	get() {
+		return {
+			...this.getComponents(),
+			...this.getConstructors()
+		};
+	}
+	getComponentList() {
+		let i = [], a = [...n, t.getProjectName()];
+		return this.path.isConstructor() && (a = [...r]), e.readDir(a).forEach((e) => i.push(e)), i;
+	}
+	getComponents() {
+		return this.path.toAll(Pe, (t, n, r) => {
+			let i = {};
+			return n && e.readDir(n).forEach((e) => {
+				let t = N.readFile(r, [...n, e]);
+				x(t) && (i = w(i, R.to({ [r]: { [O(e)]: t } })));
+			}), i;
+		});
+	}
+	getConstructors() {
+		return R.to({ d: Ne(this.getComponentList()) });
+	}
+};
+//#endregion
+//#region src/classes/Properties/convector/convectorColor.ts
+function Ie(e) {
+	let t = e?.$extensions?.["studio.tokens"]?.modify?.type, n = e?.$extensions?.["studio.tokens"]?.modify?.value;
+	if (t) switch (t) {
+		case "alpha": e[g.cssColorOpacity] = n?.toString() ?? "1";
+	}
+}
+//#endregion
+//#region src/classes/Properties/convector/convectorShadow.ts
+function Le(e) {
+	let t = e?.value;
+	if (_e(t)) {
+		let n = [];
+		T(t).forEach((e) => {
+			let t = [], { type: r, color: i, x: a, y: o, blur: s, spread: c } = e, l = i.match(/^{/) ? `@ui.toCustomVarRgb(${i})` : i;
+			r === "innerShadow" && t.push("inset"), t.push(a && a !== "0" && a.match(/^[0-9]+$/) ? `${a}px` : a ?? "0", o && o !== "0" && o.match(/^[0-9]+$/) ? `${o}px` : o ?? "0", s && s !== "0" && s.match(/^[0-9]+$/) ? `${s}px` : s ?? "0", c && c !== "0" && c.match(/^-?[0-9]+$/) ? `${c}px` : c ?? "0", l ?? "rgba(0, 0, 0, 1)"), n.push(t.join(" ").trim());
+		}), e.value = n.join(", ");
+	}
+}
+//#endregion
+//#region src/classes/Properties/convector/convectorFontFamilies.ts
+function Re(e) {
+	typeof e?.value == "string" && !e.value.match(/[{}]/) && (e.value = `'${e.value}', sans-serif`);
+}
+//#endregion
+//#region src/classes/Properties/convector/convectorTypography.ts
+function ze(e) {
+	ve(e?.value) && (e.value = { basic: e.value });
+}
+//#endregion
+//#region src/classes/Properties/PropertiesConvector.ts
+var z = {
+	boxShadow: Le,
+	color: Ie,
+	fontFamilies: Re,
+	typography: ze
+}, B = class {
+	static to(e) {
+		y(e, (e) => {
+			e?.type && e.type in z ? z[e.type]?.(e) : e?.value && S(e.value) ? this.to(e.value) : S(e) && this.to(e);
+		});
+	}
+}, Be = class {
+	properties;
+	root;
+	constructor(e, t) {
+		this.properties = e, this.root = t;
+	}
+	to(t = this.properties, n = this.root) {
+		let r = {};
+		return y(t, (t, i) => {
+			if (typeof t.value == "string" && F.isInType(t[g.type], [_.file])) {
+				let { path: i, link: a } = this.initLink(n, t.value), o = this.readByLink(this.read(i), a);
+				x(o) && (B.to(o), r = w(r, this.to(R.to(o), [e.getPathDir(i)])));
+			} else r = S(t.value) ? w(r, { [i]: {
+				...t,
+				value: this.to(t.value, n)
+			} }) : w(r, { [i]: t });
+		}), r;
+	}
+	getPath(e, t) {
+		return [...e, ...t.split("/")];
+	}
+	initLink(e, t) {
+		let n = t.split("#", 2);
+		return {
+			path: this.getPath(e, n[0]),
+			link: n?.[1]
+		};
+	}
+	read(t) {
+		return e.isDir(t) ? this.readByDir(t) : M.read(t) ?? {};
+	}
+	readByLink(e, t) {
+		let n = e;
+		if (t) for (let e of t.split(".")) if (n && e in n) n = n[e];
+		else return;
+		return n;
+	}
+	readByDir(t) {
+		let n = e.readDir(t), r = {};
+		return n?.sort(), n?.forEach((n) => {
+			let i = e.parse(n);
+			i.ext === ".json" && (r[i.name] = M.read([...t, n]) ?? {});
+		}), r;
+	}
+}, V = class {
+	static is(e, n = t.getSeparatorLimit()) {
+		if (n > 0) for (let t in e) {
+			if (I.isSeparator(t)) return !0;
+			let r = e?.[t]?.value;
+			if (r && S(r) && this.is(r, n - 1)) return !0;
+		}
+		return !1;
+	}
+	static to(e) {
+		let t = {};
+		return y(e, (e, n) => {
+			let r = {
+				...e,
+				value: S(e.value) ? this.to(e.value) : e.value
+			};
+			t = I.isSeparator(n) ? w(t, this.wrap(r, this.removeBasicName(n))) : w(t, { [n]: r });
+		}), t;
+	}
+	static removeBasicName(e) {
+		let n = t.getSeparator(), r = t.getSeparatorBasicName();
+		return e.replace(RegExp(`${n}${r}`, "g"), "").replace(RegExp(`${n}$`), "").split(n);
+	}
+	static wrap(e, t) {
+		let n = e;
+		return [...t].reverse().forEach((e) => {
+			n = { value: { [e]: {
+				...n,
+				[g.wrap]: !0
+			} } };
+		}), n.value;
+	}
+}, Ve = class {
+	static to(e) {
+		y(e, (e) => {
+			if (S(e.value) && (this.to(e.value), e?.[g.wrap])) {
+				let t = e.value, n = this.getSelectors(t);
+				n.quantity > 1 && y(n.properties, (e, r) => {
+					if (r in t) {
+						let n = t[r]?.value;
+						typeof n == "string" && this.removeProperties(r, e?.values?.[n]);
+					} else if (e.quantity === n.quantity) {
+						let n = this.getMaxRepeat(e.values);
+						n && (t[r] = {
+							...n.item[0]?.[r],
+							value: n.value
+						}, this.removeProperties(r, n.item));
+					}
+				}), delete e[g.wrap];
+			}
+		});
+	}
+	static getSelector(e, t) {
+		return t in e || (e[t] = {
+			values: {},
+			quantity: 0
+		}), e[t];
+	}
+	static getSelectors(e) {
+		let t = {
+			properties: {},
+			quantity: 0
+		};
+		return y(e, (e) => {
+			S(e.value) && (t.quantity++, this.addItem(t.properties, e.value));
+		}), t;
+	}
+	static getMaxRepeat(e) {
+		let t = 0, n;
+		return y(e, (e, r) => {
+			e.length > 1 && (e.length > t || n === void 0) && (t = e.length, n = {
+				value: r,
+				item: e
+			});
+		}), n;
+	}
+	static getValue(e, t) {
+		return t in e.values || (e.values[t] = []), e.values[t];
+	}
+	static addItem(e, t) {
+		y(t, (n, r) => {
+			let i = this.getSelector(e, r), a = this.getValue(i, n.value);
+			i.quantity++, a.push(t);
+		});
+	}
+	static removeProperties(e, t) {
+		t?.forEach((t) => delete t[e]);
+	}
+}, He = "main", Ue = class {
+	path;
+	constructor(e) {
+		this.path = e;
+	}
+	get() {
+		return this.path.toAll(He, (e, t, n) => {
+			let r = N.readFile(n, e);
+			return x(r) && (B.to(r), r = R.to({ [n]: r }), e && (r = new Be(r, e).to()), V.is(r) && (r = V.to(r), Ve.to(r))), r ?? {};
+		});
+	}
+	getBySettings(e) {
+		let t = this.get();
+		return y(e, (e, n) => {
+			let r = t?.[n]?.value;
+			r && S(r) && S(e.value) && y(e.value, (e, t) => {
+				let n = r?.[t]?.value;
+				n && S(n) && S(e.value) && y(e.value, (e, t) => {
+					this.copySettings(e, n?.[t]);
+				});
+			});
+		}), t;
+	}
+	copySettings(e, t) {
+		return t && y(e, (e, n) => {
+			n.match(/^_/) && n in t && t[n] !== e && (t[n] = e);
+		}), this;
+	}
+}, H = class {
+	items;
+	constructor(e) {
+		this.items = e;
+	}
+	to() {
+		this.init(), this.write();
+	}
+	write() {
+		this.items.write(this.FILE_CACHE);
+	}
+}, We = class extends H {
+	FILE_CACHE = "001-replace";
+	init() {
+		this.items.each(({ item: e }) => {
+			e?.[g.replace] && typeof e.value == "string" && (e.value = this.getValue(this.getInfo(e[g.replace]), e.value), delete e[g.replace]);
+		});
+	}
+	getInfo(e) {
+		return typeof e == "object" ? {
+			pattern: e?.pattern,
+			flags: e?.flags || "i",
+			replace: e?.replace || "$1"
+		} : {
+			pattern: e || void 0,
+			flags: "i",
+			replace: "$1"
+		};
+	}
+	getValue(e, t) {
+		return e?.pattern ? t.replace(new RegExp(e.pattern, e.flags), e.replace) : t;
+	}
+}, Ge = "basic", U = "palette", Ke = class extends H {
+	items;
+	FILE_CACHE = "002-palette";
+	palette;
+	constructor(e) {
+		super(e), this.items = e, this.palette = this.items.findCategory(v.palette);
+	}
+	init() {
+		this.read(), this.items.findCategory(v.theme).forEach(({ design: e, name: t, item: n }) => n?.value && S(n.value) && this.read(n.value, t, e));
+	}
+	getParent(e, t) {
+		return U in t || (t[U] = {
+			value: {},
+			[g.type]: e === v.colors ? _.classType : _.component,
+			[g.category]: e
+		}), t[U].value;
+	}
+	getClass(e, t) {
+		return e?.[t] || (e[t] = {
+			value: {},
+			[g.type]: _.state
+		}), e[t].value;
+	}
+	getName(e, t) {
+		return `${e}-${t}`;
+	}
+	getValue(e, t) {
+		return `{${e}.${t}}`;
+	}
+	getValueDefault(e, t) {
+		let n = e?.[g.default];
+		return x(n) ? _e(n) ? n?.[t] : n : "default";
+	}
+	read(e, t = Ge, n) {
+		this.palette.forEach(({ design: r, item: i, parents: a, index: o }) => {
+			if (!n || n === r) {
+				let n = i?.[g.theme];
+				if (!n || n === t) {
+					let n = this.getParent(e ? v.colors : v.class, e ?? a?.[0]?.item.value);
+					n && S(i.value) && y(i.value, (e, r) => {
+						let a = this.getClass(n, r);
+						S(e.value) && e?.[g.category] !== v.paletteNone && this.addItem(a, `${o}.${r}`, t, e.value), this.addDefault(a, t, i);
+					});
+				}
+			}
+		});
+	}
+	addItem(e, t, n, r) {
+		y(r, (r, i) => {
+			r && (e[this.getName(n, i)] = {
+				value: this.getValue(t, i),
+				[g.type]: _.var,
+				[g.category]: v.color
+			});
+		});
+	}
+	addDefault(e, t, n) {
+		let r = this.getValueDefault(n, t), i = this.getName(t, r);
+		e?.[i] && (e["sys-palette"] = {
+			...e[i],
+			[g.fullName]: !0
+		});
+	}
+}, qe = 32, Je = 24, Ye = [
+	_.link,
+	_.var,
+	_.property,
+	_.selector,
+	_.virtual,
+	_.scss
+], Xe = class extends H {
+	FILE_CACHE = "004-link";
+	update = 1;
+	ignore = [];
+	links = [];
+	init() {
+		let e = qe;
+		for (; this.update > 0 && e-- > 0;) this.update = 0, this.read();
+	}
+	read(e, t, n = this.items.get(), r = []) {
+		let i = [], a = !1;
+		if (r.length > Je) return a;
+		for (let [o, s] of Object.entries(n)) {
+			let c = [...r, o];
+			if (e && t && this.isType(s) && this.isValue(s.value) && !this.isIgnore(s.value)) {
+				let r = this.items.getLink(e, t, s.value), l = this.items.getInfo(r);
+				if (l) {
+					if (this.isData(l.value)) {
+						if (!this.isLink(r) && this.read(l.design, l.component, l.value, c)) {
+							a = !0;
+							break;
+						}
+						this.addLink(r), this.update++, i.push({
+							name: o,
+							data: l.value,
+							properties: n
+						});
+						break;
+					}
+					typeof l.value == "string" && this.addIgnore(l.value);
+				}
+			} else S(s.value) && this.read(e ?? o, e && (t ?? o), s.value, c) && (a = !0);
+		}
+		return i.length > 0 && this.add(r, i), a;
+	}
+	isType(e) {
+		return !e?.[g.type] || F.isInType(e[g.type], Ye);
+	}
+	isValue(e) {
+		return typeof e == "string" && !!e.match(/^{[^{}]+}$/) && !e.match(/[{?.]sys/);
+	}
+	isIgnore(e) {
+		return this.ignore.indexOf(e) !== -1;
+	}
+	isLink(e) {
+		return this.links.indexOf(e) !== -1;
+	}
+	isData(e) {
+		return S(e) && Object.keys(e).length > 0;
+	}
+	add(e, t) {
+		let n = this.items.getInfo(`{${e.join(".")}}`);
+		n && t.forEach(({ name: e, data: t, properties: r }) => {
+			n.item.value = be(r, t, e);
+		});
+	}
+	addIgnore(e) {
+		this.ignore.push(e);
+	}
+	addLink(e) {
+		this.links.push(e);
+	}
+}, W = /(?<={[^}]*?){([^{}]+)}/g, Ze = class extends H {
+	FILE_CACHE = "006-sub";
+	init() {
+		this.items.each((e) => {
+			this.is(e.value) && this.read(e);
+		});
+	}
+	is(e) {
+		return typeof e == "string" && !!e.match(W);
+	}
+	getValue(e, t, n) {
+		let r = 24, i = !0;
+		for (; i && r-- > 0;) i = !1, n = n.replace(W, (n, r) => (i = !0, this.items.getItem(this.items.getLink(e, t, n))?.value ?? r));
+		return n.trim();
+	}
+	read({ design: e, component: t, item: n }) {
+		t && typeof n.value == "string" && (n.value = this.getValue(e, t, n.value), n?.[g.fullValue] && (n.value = n.value.replace(/[{}]/g, "")));
+	}
+}, Qe = [g.value, g.settingClone], $e = [_.var, _.property], et = class extends H {
+	FILE_CACHE = "007-01-clone";
+	init() {
+		this.items.each(({ name: e, item: t, parent: n }) => {
+			n && t?.[g.settingClone] && this.update(t, this.findItem(n, e));
+		});
+	}
+	findItem(e, t) {
+		let n = [];
+		return S(e.value) && y(e.value, (e, r) => {
+			r === t && $e.indexOf(e?.type ?? "") < 0 && n.push(e), n.push(...this.findItem(e, t));
+		}), n;
+	}
+	update(e, t) {
+		let n = e.value;
+		t.forEach((t) => {
+			y(e, (e, n) => {
+				n && !(n in t) && Qe.indexOf(n) < 0 && (t[n] = e);
+			}), S(n) && S(t.value) && y(t.value, (e, t) => {
+				n?.[t] && this.update(n[t], [e]);
+			});
+		});
+	}
+}, tt = class extends H {
+	FILE_CACHE = "007-03-drag";
+	init() {
+		this.read();
+	}
+	getDragSetting(e) {
+		let { design: t, component: n, item: r } = e;
+		if (n && r?.[g.dragSetting]) {
+			let e = r?.[g.dragSetting], i = typeof e == "object" ? e : { _all: e }, a = {};
+			if (y(i, (e, r) => {
+				let i = this.items.getItem(this.items.getLink(t, n, e));
+				i && (a[r] = {
+					...i,
+					value: {}
+				});
+			}), Object.keys(a).length > 0) return a;
+		}
+	}
+	read(e) {
+		this.items.eachMainOnly((e) => {
+			let { name: t, item: n, parent: r, parents: i } = e, a = [...i, {
+				name: t,
+				item: n
+			}];
+			if (this.read({
+				...e,
+				parents: a
+			}), n?.[g.drag]) {
+				let i = this.getDragSetting(e), o = this.drag(a, n, i ?? {});
+				r && S(r.value) && o && this.toGo(n, o) && delete r.value[t];
+			}
+		}, e);
+	}
+	drag(e, n, r) {
+		let i = n?.[g.drag]?.split(t.getSeparator()) ?? [];
+		if (e.length > 0) {
+			let t = e.length - 1, a = e[t].item, o = !1;
+			if (i.forEach((n) => {
+				switch (n) {
+					case ".":
+						o || (t = 0, a = e[t].item);
+						break;
+					case "..":
+						o || (--t < 0 && (t = 0), a = e[t].item);
+						break;
+					default: a && S(a.value) && (n in a.value || (a.value[n] = r?.[n] ?? r._all ?? { value: {} }), o = !0, a = a.value[n]);
+				}
+			}), a !== n) return a;
+		}
+	}
+	toGo(e, t) {
+		let n = t.value;
+		if (S(n)) {
+			if (S(e.value)) y(e.value, (e, t) => {
+				n?.[t] ? x(n[t].value) || (n[t].value = e.value) : n[t] = e;
+			});
+			else {
+				let t = e?.[g.index];
+				t && (n?.[t] ? x(n[t].value) || (n[t].value = e.value) : n[t] = e);
+			}
+			return !0;
+		}
+		return !1;
+	}
+}, nt = class extends H {
+	FILE_CACHE = "007-02-remove";
+	init() {
+		this.items.find(({ item: e }) => e?.[g.remove] ?? !1).forEach(({ name: e, parent: t, parents: n }) => {
+			t && S(t.value) && (console.warn("[Remove]", `{${b(n, "name").join(".")}.${e}}`), delete t.value[e]);
+		});
+	}
+}, G = /* @__PURE__ */ "direction.unicode-bidi.appearance.aspect-ratio.aspect-ratio-width.aspect-ratio-height.position.absolute.absolute-bottom.absolute-top.absolute-after.z-index.inset.inset-block.inset-block-start.inset-block-end.inset-inline.inset-inline-start.inset-inline-end.top.right.bottom.left.display.visibility.clear.contain.overflow.overflow-x.overflow-y.overflow-block.overflow-inline.overflow-wrap.overflow-clip-margin.overflow-anchor.float.shape-outside.shape-margin.shape-image-threshold.min-zoom.max-zoom".split("."), K = /* @__PURE__ */ "flex.flex-position.flex-flow.flex-basis.flex-direction.flex-grow.flex-shrink.flex-wrap.flex-dynamic.grid.grid-area.grid-auto-flow.grid-auto-columns.grid-auto-rows.grid-template.grid-template-areas.grid-template-columns.grid-template-rows.grid-column.grid-column-start.grid-column-end.grid-row.grid-row-start.grid-row-end.align-content.align-items.align-self.align-tracks.justify-content.justify-items.justify-self.justify-tracks.place-content.place-items.place-self.gap.row-gap.order.masonry-auto-flow".split("."), q = [
+	"columns",
+	"column-count",
+	"column-width",
+	"column-fill",
+	"column-gap",
+	"column-rule",
+	"column-rule-width",
+	"column-rule-color",
+	"column-rule-style",
+	"column-span"
+], rt = /* @__PURE__ */ "margin.margin-top.margin-right.margin-bottom.margin-left.margin-x.margin-y.margin-block.margin-block-start.margin-block-end.margin-inline.margin-inline-start.margin-inline-end.margin-trim.padding.padding-top.padding-right.padding-bottom.padding-left.padding-x.padding-y.padding-block.padding-block-start.padding-block-end.padding-inline.padding-inline-start.padding-inline-end".split("."), it = [
+	"box-sizing",
+	"squared",
+	"circle",
+	"width",
+	"min-width",
+	"max-width",
+	"width-basis",
+	"height",
+	"min-height",
+	"max-height",
+	"height-basis",
+	"block-size",
+	"min-block-size",
+	"max-block-size",
+	"inline-size",
+	"min-inline-size",
+	"max-inline-size",
+	"tab-size",
+	"field-sizing"
+], at = [
+	"content",
+	"content-visibility",
+	"quotes",
+	"hanging-punctuation",
+	"line-break",
+	"counter-set",
+	"counter-reset",
+	"counter-increment",
+	"hyphens",
+	"hyphenate-character",
+	"hyphenate-limit-chars"
+], ot = /* @__PURE__ */ "font.font-family.font-size.font-weight.font-style.font-variant.font-size-adjust.font-stretch.font-synthesis.line-height.line-height-step.letter-spacing.word-spacing.text-align.text-align-all.text-align-last.text-justify.vertical-align.white-space.text-overflow.text-rendering.font-optical-sizing.font-variation-settings.box-decoration-break.widows.orphans.text-transform.text-case.text-indent.text-decoration.text-decoration-thickness.text-decoration-color.text-decoration-style.text-decoration-line.text-decoration-skip.text-decoration-skip-ink.text-underline-offset.text-underline-position.font-feature-settings.font-kerning.font-language-override.font-variant-caps.font-variant-position.font-variant-ligatures.font-variant-alternates.font-variant-east-asian.font-variant-numeric.font-variant-emoji.text-orientation.text-combine-upright.writing-mode.word-break.word-wrap.text-emphasis.text-emphasis-color.text-emphasis-style.text-emphasis-position.ruby-align.ruby-position.list-style.list-style-position.list-style-type.list-style-image.paragraph-spacing".split("."), st = [
+	"math-depth",
+	"math-shift",
+	"math-style"
+], ct = [
+	"palette",
+	"palette-var",
+	"opacity",
+	"color",
+	"color-opacity",
+	"color-scheme",
+	"palette-color",
+	"accent-color",
+	"forced-color-adjust"
+], lt = /* @__PURE__ */ "background.background-color.background-opacity.palette-background.background-image.gradient.gradient-opacity.palette-gradient.outline.outline-opacity.background-repeat.background-attachment.background-position.background-position-x.background-position-y.background-clip.background-origin.background-size.mask.mask-type.mask-mode.mask-composite.mask-image.mask-repeat.mask-position.mask-clip.mask-origin.mask-size.image-rendering.image-resolution.image-orientation.object-fit.object-position".split("."), ut = /* @__PURE__ */ "border-radius.border-top-left-radius.border-top-right-radius.border-bottom-left-radius.border-bottom-right-radius.border-start-start-radius.border-start-end-radius.border-end-start-radius.border-end-end-radius.border.border-width.border-style.border-color.border-opacity.palette-border.border-top.border-top-width.border-top-style.border-top-color.border-right.border-right-width.border-right-style.border-right-color.border-bottom.border-bottom-width.border-bottom-style.border-bottom-color.border-left.border-left-width.border-left-style.border-left-color.border-image.border-image-source.border-image-slice.border-image-repeat.border-image-width.border-image-outset.border-block.border-block-width.border-block-color.border-block-style.border-block-start.border-block-start-width.border-block-start-color.border-block-start-style.border-block-end.border-block-end-width.border-block-end-color.border-block-end-style.border-inline.border-inline-width.border-inline-color.border-inline-style.border-inline-end.border-inline-end-width.border-inline-end-color.border-inline-end-style.border-inline-start.border-inline-start-width.border-inline-start-color.border-inline-start-style.mask-border.mask-border-mode.mask-border-source.mask-border-slice.mask-border-repeat.mask-border-width.mask-border-outset.outline.outline-width.outline-style.outline-color.outline-opacity.outline-offset".split("."), dt = [
+	"box-shadow",
+	"text-shadow",
+	"filter",
+	"backdrop-filter",
+	"backface-visibility",
+	"color-interpolation-filters",
+	"mix-blend-mode",
+	"background-blend-mode",
+	"isolation"
+], ft = [
+	"transform",
+	"transform-box",
+	"transform-style",
+	"transform-origin",
+	"translate-x",
+	"translate-y",
+	"scale",
+	"rotate",
+	"clip-path",
+	"clip-rule",
+	"perspective",
+	"perspective-origin"
+], pt = [
+	"table-layout",
+	"empty-cells",
+	"border-collapse",
+	"border-spacing",
+	"caption-side"
+], mt = [
+	"transition",
+	"transition-delay",
+	"transition-timing-function",
+	"transition-duration",
+	"transition-property",
+	"animation",
+	"animation-name",
+	"animation-delay",
+	"animation-timing-function",
+	"animation-duration",
+	"animation-direction",
+	"animation-iteration-count",
+	"animation-fill-mode",
+	"animation-play-state",
+	"animation-timeline",
+	"pause",
+	"pause-before",
+	"pause-after",
+	"offset",
+	"offset-path",
+	"offset-anchor",
+	"offset-rotate",
+	"offset-distance",
+	"offset-position",
+	"will-change"
+], ht = [
+	"cursor",
+	"pointer-events",
+	"user-select",
+	"text-select-none",
+	"caret-color",
+	"resize",
+	"touch-action",
+	"touch-callout"
+], gt = /* @__PURE__ */ "overscroll-behavior.overscroll-behavior-x.overscroll-behavior-y.overscroll-behavior-block.overscroll-behavior-inline.scroll-behavior.scroll-margin.scroll-margin-top.scroll-margin-right.scroll-margin-bottom.scroll-margin-left.scroll-margin-block.scroll-margin-block-start.scroll-margin-block-end.scroll-margin-inline.scroll-margin-inline-start.scroll-margin-inline-end.scroll-padding.scroll-padding-top.scroll-padding-right.scroll-padding-bottom.scroll-padding-left.scroll-padding-block.scroll-padding-block-start.scroll-padding-block-end.scroll-padding-inline.scroll-padding-inline-start.scroll-padding-inline-end.scroll-snap-type.scroll-snap-align.scroll-snap-stop.scrollbar-gutter.scrollbar-width.scrollbar-color".split("."), _t = [
+	"fill",
+	"paint-order",
+	"stroke",
+	"stroke-width",
+	"stroke-opacity",
+	"stroke-dasharray",
+	"stroke-dashoffset",
+	"stroke-linecap",
+	"flood-color",
+	"flood-opacity",
+	"lighting-color"
+], vt = [
+	"break-inside",
+	"break-before",
+	"break-after",
+	"print-color-adjust"
+], yt = [
+	"speak",
+	"speak-as",
+	"speak-header",
+	"speak-numeral",
+	"speak-punctuation",
+	"speech-rate",
+	"voice-balance",
+	"voice-duration",
+	"voice-family",
+	"voice-pitch",
+	"voice-range",
+	"voice-rate",
+	"voice-stress",
+	"voice-volume"
+], bt = [], xt = [
+	"all",
+	"clamp",
+	"cue",
+	"cue-after",
+	"cue-before",
+	"globalcompositeoperation",
+	"horizon",
+	"inherit",
+	"initial",
+	"initial-letter",
+	"initial-letter-align",
+	"initial-value",
+	"pitch",
+	"pitch-range",
+	"play-during",
+	"rest",
+	"rest-after",
+	"rest-before",
+	"unset",
+	"vertically"
+], St = [
+	"glyph-orientation-vertical",
+	"grid-gap",
+	"grid-column-gap",
+	"grid-row-gap",
+	"page-break-after",
+	"page-break-before",
+	"page-break-inside",
+	"richness",
+	"stress",
+	"volume"
+], Ct = [
+	...G,
+	...K,
+	...q,
+	...rt,
+	...it,
+	...at,
+	...ot,
+	...st,
+	...ct,
+	...lt,
+	...ut,
+	...dt,
+	...ft,
+	...pt,
+	...mt,
+	...ht,
+	...gt,
+	..._t,
+	...vt,
+	...yt,
+	...bt,
+	...xt,
+	...St
+], wt = /* @__PURE__ */ "root.dir.blank.empty.is.has.where.not.first-child.first-of-type.last-child.last-of-type.only-child.only-of-type.nth-child.nth-of-type.nth-col.nth-last-child.nth-last-of-type.nth-last-col.lang.target.defined.current.future.host.host-context.placeholder-shown.autofill.default.read-only.read-write.required.optional.indeterminate.checked.in-range.out-of-range.valid.invalid.any-link.link.local-link.visited.fullscreen.focus.focus-visible.focus-within.hover.active.enabled.disabled".split("."), Tt = [
+	"before",
+	"after",
+	"placeholder",
+	"marker",
+	"first-letter",
+	"first-line",
+	"selection"
+], Et = class extends H {
+	FILE_CACHE = "008-variable";
+	init() {
+		this.items.each(({ design: e, component: t, name: n, item: r, parent: i }) => {
+			r[g.variable] = this.getByNone(r) ?? this.getByVarParent(i) ?? r?.[g.type] ?? this.getByCategory(r) ?? this.getByMain(e, t, n) ?? this.findType(n, r);
+		});
+	}
+	getByCategory(e) {
+		switch (e?.[g.category]) {
+			case v.root: return _.var;
+			case v.theme: return _.theme;
+		}
+	}
+	getByMain(e, t, n) {
+		if (n === e) return _.design;
+		if (n === t) return _.component;
+	}
+	getByProperty(e) {
+		return Ct.indexOf(O(e)) === -1 ? void 0 : _.property;
+	}
+	getBySelector(e) {
+		return wt.indexOf(O(e)) === -1 ? void 0 : _.selector;
+	}
+	getBySubclass(e) {
+		if (Object.keys(e).length <= 1 && !x(e.value)) return _.subclass;
+	}
+	getByVarParent(e) {
+		return F.isInType(e?.[g.variable], [_.var]) ? _.var : void 0;
+	}
+	getByNone(e) {
+		return e?.[g.type] === _.none ? _.none : void 0;
+	}
+	getByVirtual(e) {
+		return Tt.indexOf(O(e)) === -1 ? void 0 : _.virtual;
+	}
+	findType(e, t) {
+		let n = this.items.getName(e, t);
+		return S(t.value) ? this.getBySubclass(t) || this.getBySelector(n) || this.getByVirtual(n) || this.getByProperty(n) || _.state : this.getByProperty(n) || _.var;
+	}
+}, Dt = [_.var, _.property], Ot = [_.classType, _.subclass], kt = class extends H {
+	FILE_CACHE = "010-similar";
+	init() {
+		this.items.each(({ item: e, name: t, parents: n }) => {
+			let r = this.getParent(t, e, n);
+			r && (e[g.rename] = this.items.getReName(t, r), e[g.variable] = r?.[g.variable]);
+		});
+	}
+	getParent(e, t, n) {
+		let r = [...n].reverse();
+		if (!t?.[g.type] && !t?.[g.rename] && !this.isException(t) && !this.isException(r?.[0]?.item)) {
+			r.shift();
+			for (let { item: t } of r) if (S(t.value)) {
+				let n = t.value?.[e];
+				if (this.isException(t)) break;
+				if (n && this.is(n) && (n?.[g.type] || n?.[g.rename])) return n;
+			}
+		}
+	}
+	is(e) {
+		return e?.[g.variable] ? Dt.indexOf(e?.[g.variable]) !== -1 : !1;
+	}
+	isException(e) {
+		return e && e?.[g.variable] ? Ot.indexOf(e[g.variable]) !== -1 : !1;
+	}
+}, At = [_.var, _.state], jt = class extends H {
+	FILE_CACHE = "012-multi";
+	init() {
+		this.getList().forEach(({ item: e, name: t, value: n }) => {
+			this.read(this.items.getReName(t, e), n, e?.[g.varKey] ?? !1), e[g.variable] = _.state;
+		});
+	}
+	getList() {
+		return this.items.each((e) => {
+			let { item: t, value: n } = e;
+			if (t?.[g.variable] === _.property && x(n) && S(n)) return e;
+		});
+	}
+	read(e, t, n) {
+		y(t, (t) => {
+			typeof t.value == "string" && t?.[g.variable] && At.indexOf(t[g.variable]) !== -1 && (t[g.variable] = _.state, t.value = { [e]: {
+				value: t.value,
+				[g.variable]: n ? _.var : _.property
+			} });
+		});
+	}
+}, Mt = class extends H {
+	FILE_CACHE = "016-style";
+	init() {
+		this.items.each(({ item: e, name: t, design: n, component: r }) => {
+			e?.[g.style] && S(e.value) && !e.value?.custom && (e[g.variable] = _.state, e.value[le] = {
+				value: { [t]: {
+					value: `{${n}.${r}.sys.${t}}`,
+					[g.variable]: e?.[g.varKey] ? _.var : _.property
+				} },
+				[g.variable]: _.state
+			});
+		});
+	}
+}, Nt = class extends H {
+	FILE_CACHE = "018-full";
+	init() {
+		this.items.each(({ design: e, component: t, name: n, value: r, item: i }) => {
+			t && (i[g.name] = this.items.getLinkToName(e, t, this.items.getReName(n, i)), typeof r == "string" && (i[g.css] = this.items.getLinkToValue(e, t, r)));
+		});
+	}
+}, Pt = /(?<!#)\{([^{}]+)}/gi, Ft = class extends H {
+	FILE_CACHE = "020-var";
+	type = _.var;
+	init() {
+		this.items.findVariable(this.type).forEach((e) => {
+			let { design: t, component: n, value: r, item: i, parents: a } = e;
+			if (n && typeof r == "string" && r !== "") {
+				let o = i?.[g.css] ?? this.items.getLinkToValue(t, n, r);
+				i[g.name] = this.getName(e), this.isNone(a) ? i[g.css] = void 0 : (i[g.css] = this.toValue(this.toCalculator(o, i?.[g.fullValue]), i?.[g.default]), !(g.cssColorOpacity in i) && this.isColorWithOpacity(e) && (i[g.cssColorOpacity] = !0), i?.[g.important] && (i[g.css] += " !important"));
+			}
+		});
+	}
+	getName({ design: e, component: t, name: n, item: r, parents: i }) {
+		return t && r?.[g.fullName] ? `--${this.items.getLink(e, t, r?.[g.index] ?? n, "-")}` : `--${this.items.getParentsName(i, [_.var]).join("-")}-${E(n)}`;
+	}
+	toCalculator(e, t) {
+		return !t && e.match(/([+*/]|(?<![\w-])-(?![\w-]))/gi) && e.match(/calc/gi) === null ? `calc(${e})` : e;
+	}
+	toLink(e) {
+		return this.items.getKeys(e).join("-");
+	}
+	toValue(e, t) {
+		return e.match("{") ? e.replace(Pt, (...e) => t && typeof t == "string" ? `var(--${this.toLink(e[1])}, ${this.toValue(this.toCalculator(t))})` : `var(--${this.toLink(e[1])})`) : e;
+	}
+	isNone(e) {
+		for (let t of e) if (t.item?.[g.type] === _.none) return !0;
+		return !1;
+	}
+	isColorWithOpacity(e) {
+		let { design: t, component: n, value: r, item: i } = e;
+		if (i?.[g.cssColorOpacity]) return !0;
+		if (n && ve(r)) {
+			if (r.match(/^\{[^}]+}$/)) {
+				let e = this.items.getLink(t, n, r), i = this.items.getInfo(e);
+				if (i) return this.isColorWithOpacity(i);
+			} else return L.isColorWithOpacity(r);
+		}
+		return !1;
+	}
+}, It = class extends Ft {
+	FILE_CACHE = "024-property";
+	type = _.property;
+	getName({ name: e, item: t }) {
+		return O(this.items.getReName(e, t));
+	}
+}, Lt = class extends H {
+	FILE_CACHE = "028-component";
+	init() {
+		this.items.findVariable([_.component, _.theme]).forEach(({ name: e, item: t, parents: n }) => {
+			t[g.name] = this.getName(this.items.getReName(e, t), t, n);
+		});
+	}
+	getName(e, t, n) {
+		let r = this.items.getReName(e, t);
+		return t?.[g.fullName] ? `${r}` : `${this.items.getParentsName(n).join("-")}-${r}`;
+	}
+}, Rt = class extends H {
+	FILE_CACHE = "030-class";
+	init() {
+		this.items.findVariable(_.classType).forEach(({ name: e, item: t, parents: n }) => {
+			t[g.name] = this.getName(e, t, n);
+		});
+	}
+	getName(e, t, n) {
+		let r = this.items.getReName(e, t);
+		return t?.[g.fullName] ? `& .${r}` : `& .${n?.[0]?.name}-${r}`;
+	}
+}, zt = class extends H {
+	FILE_CACHE = "032-state";
+	init() {
+		this.items.findVariable([_.state]).forEach(({ name: e, item: t, parents: n }) => {
+			t[g.name] = this.getName(e, t, n);
+		});
+	}
+	getName(e, t, n) {
+		let r = this.items.getReName(e, t);
+		if (t?.[g.fullName]) return `&.${r}`;
+		let i = n?.[1]?.item.value;
+		return !t?.[g.state] && n.length > 2 && S(i) && i?.[e] && i[e][g.variable] === _.state ? `&.${n?.[1]?.item[g.name]}--${r}` : `&--${r}`;
+	}
+}, Bt = class extends H {
+	FILE_CACHE = "036-subclass";
+	init() {
+		this.items.findVariable(_.subclass).forEach(({ name: e, item: t, parents: n }) => {
+			let r = this.items.getReName(e, t);
+			t[g.name] = this.getName(r, t, n), t[g.nameIndex] = r;
+		});
+	}
+	isParentState(e) {
+		let t = e?.[e.length - 1]?.item?.[g.variable] ?? _.subclass;
+		return [
+			_.component,
+			_.subclass,
+			_.classType
+		].indexOf(t) < 0;
+	}
+	getName(e, t, n) {
+		return t?.[g.fullName] ? `& .${e}` : this.isParentState(n) ? `& .${this.items.getParentsName(n, [_.subclass]).join("__").replace("__", "-")}__${e}` : `&__${e}`;
+	}
+}, Vt = class extends H {
+	FILE_CACHE = "038-root";
+	init() {
+		this.items.findVariable(_.root).forEach(({ design: e, component: t, name: n, item: r }) => {
+			t && (r[g.name] = this.getName(e, t, this.items.getReName(n, r)));
+		});
+	}
+	getName(e, t, n) {
+		return `${this.items.getLink(e, t, n)} &`;
+	}
+}, Ht = class extends H {
+	items;
+	FILE_CACHE = "040-media";
+	media;
+	constructor(e) {
+		super(e), this.items = e, this.media = this.items.getMedia();
+	}
+	init() {
+		this.items.findVariable([
+			_.mediaGroup,
+			_.mediaMaxGroup,
+			_.containerGroup,
+			_.containerMaxGroup
+		]).forEach(({ design: e, name: t, item: n, parent: r }) => {
+			r?.value && S(r.value) && (t in r.value && delete r.value[t], Object.assign(r.value, this.toValueGroup(e, t, n, this.getTypeByGroup(n))));
+		}), this.items.findVariable([
+			_.media,
+			_.mediaMax,
+			_.container,
+			_.containerMax
+		]).forEach(({ design: e, name: t, item: n }) => {
+			n[g.name] = this.getName(e, t, n);
+		});
+	}
+	getName(e, t, n) {
+		let r = this.toValueForMedia(e, this.items.getReName(t, n).split(","));
+		return r.length > 1 ? `(min-width: ${r?.[0] || "0px"}) and (max-width: calc(${r?.[1] || "1980px"} - 1px))` : n?.[g.variable] === _.mediaMax || n?.[g.variable] === _.containerMax ? `(max-width: calc(${r?.[0] || "1980px"} - 1px))` : `(min-width: ${r?.[0] || "0px"})`;
+	}
+	getTypeByGroup(e) {
+		switch (e?.[g.variable]) {
+			case _.containerGroup: return _.container;
+			case _.containerMaxGroup: return _.containerMax;
+			case _.mediaMaxGroup: return _.mediaMax;
+			default: return _.media;
+		}
+	}
+	toValueForMedia(e, t) {
+		return y(t, (t) => {
+			let n = E(t.replace(/^mediaMax|media|containerMax|container/, "")), r = this.media?.[e]?.[n]?.value;
+			return typeof r == "string" && r || n;
+		});
+	}
+	toValueGroup(e, t, n, r) {
+		let i = this.media?.[e];
+		if (i) {
+			let e = {};
+			return Object.keys(i).forEach((i) => {
+				let a = E(`${t}-${i}`), o = E(`${r}-${i}`);
+				e[a] = {
+					value: { [o]: {
+						value: n.value,
+						__i: `${r}|sm`,
+						__v: r,
+						__n: o
+					} },
+					__i: a,
+					__v: _.state,
+					__n: `&--${a}`
+				};
+			}), e;
+		}
+	}
+}, Ut = class extends H {
+	FILE_CACHE = "044-animate";
+	init() {
+		this.items.findVariable(_.animate).forEach(({ name: e, value: t, item: n, parents: r }) => {
+			n[g.name] = this.getName(this.items.getReName(e, n), n, r), S(t) && y(t, (e, t) => {
+				e[g.variable] = _.animateFrame, e[g.name] = e?.[g.index] ?? t;
+			});
+		});
+	}
+	getName(e, t, n) {
+		return t?.[g.fullName] ? e : `${this.items.getParentsName(n).join("-")}-${e}`;
+	}
+}, Wt = [
+	{
+		index: _.var,
+		value: []
+	},
+	{
+		index: _.property,
+		value: [
+			G,
+			K,
+			q,
+			rt,
+			it,
+			at,
+			ot,
+			st,
+			ct,
+			lt,
+			ut,
+			dt,
+			ft,
+			pt,
+			mt,
+			ht,
+			gt,
+			_t,
+			vt,
+			yt,
+			bt,
+			xt,
+			St
+		]
+	},
+	{
+		index: _.virtual,
+		value: [Tt]
+	},
+	{
+		index: _.subclass,
+		value: []
+	},
+	{
+		index: _.selector,
+		value: [wt]
+	},
+	{
+		index: _.state,
+		value: []
+	},
+	{
+		index: `category-${v.theme}`,
+		value: []
+	},
+	{
+		index: `category-${v.class}`,
+		value: []
+	},
+	{
+		index: _.classType,
+		value: []
+	},
+	{
+		index: _.component,
+		value: []
+	},
+	{
+		index: _.scss,
+		value: []
+	},
+	{
+		index: _.other,
+		value: []
+	}
+], Gt = class extends H {
+	FILE_CACHE = "048-sort";
+	init() {
+		this.read();
+	}
+	read(e) {
+		let t = [];
+		return this.items.eachMainOnly((e) => {
+			let { name: n, value: r, item: i } = e, a = this.getKeys(i);
+			S(r) && (i.value = this.read(e)), i[g.sort] = a.index, t.push({
+				name: n,
+				item: i,
+				order: a.value
+			});
+		}, e), this.join(t);
+	}
+	getCategoryName(e) {
+		return `category-${e?.[g.category]}`;
+	}
+	getKeys(e) {
+		let t = this.getCategoryName(e), n = e?.[g.variable], r = Wt.findIndex(({ index: e }) => e === t || e === n);
+		if (r !== -1) {
+			let t = Wt[r];
+			if (t) {
+				let n = t.value.findIndex((t) => t.indexOf(e?.[g.name] ?? "") !== -1), i = (r + 1) * 1e6;
+				if (n !== -1) {
+					let r = t.value[n]?.findIndex((t) => t === e?.[g.name]) ?? -1;
+					i += n * 1e3, i += r === -1 ? 999 : r;
+				} else i += 999999;
+				return {
+					index: `${t.index}${n > 0 ? `@${n}` : ""}`,
+					value: i
+				};
+			}
+		}
+		return {
+			index: _.other,
+			value: 99999999
+		};
+	}
+	join(e) {
+		let t = {};
+		return e.sort((e, t) => e.order - t.order), y(e, ({ name: e, item: n }) => {
+			t[e] = n;
+		}), t;
+	}
+}, Kt = [_.var, _.property], qt = class extends H {
+	FILE_CACHE = "900-none";
+	init() {
+		this.items.findVariable(Kt).forEach(({ name: e, value: t, parent: n, parents: r }) => {
+			n && !x(t) && S(t) && S(n.value) && (console.error("[None]", `{${b(r, "name").join(".")}.${e}}`), delete n.value[e]);
+		});
+	}
+}, Jt = class extends H {
+	FILE_CACHE = "910-duplicate";
+	init() {
+		let e = this.initList(), t = this.initDuplicate(e);
+		y(t, (e) => {
+			let t = this.getName(e.properties);
+			Object.values(e.properties).forEach((e) => {
+				e.property.item[g.duplicate] = t;
+			});
+		});
+	}
+	getName(e) {
+		let n = {}, r = [];
+		return Object.keys(e).forEach((e) => {
+			let r = "main";
+			e.split(t.getSeparator()).forEach((e) => {
+				r in n ? n[r]?.push(e) : n[r] = [e], r = e;
+			});
+		}), Object.values(n).forEach((e) => {
+			e.forEach((e) => {
+				r.indexOf(e) === -1 && r.push(e);
+			});
+		}), E(r.join("-"));
+	}
+	findDuplicate(e, t) {
+		let n = {};
+		return y(e, (e, r) => {
+			let { value: i } = e;
+			i === t && (n[r] = e);
+		}), n;
+	}
+	initList() {
+		let e = {}, n = t.getSeparator();
+		return this.items.each((t) => {
+			if (t?.design && t?.component && S(t.value) && Object.keys(t.value).length >= 5) {
+				let r = b(t.parents, "name").join(n);
+				e[`${r}${n}${t.name}`] = {
+					value: `${t.design}::${t.component}::${JSON.stringify(t.value)}`,
+					property: t
+				};
+			}
+		}), e;
+	}
+	initDuplicate(e) {
+		let t = [], n = [];
+		return y(e, ({ value: r }, i) => {
+			if (t.indexOf(i) === -1) {
+				let i = this.findDuplicate(e, r), a = Object.keys(i);
+				a.length > 1 && n.push({
+					value: r,
+					properties: i
+				}), t.push(...a);
+			}
+		}), n;
+	}
+}, Yt = class {
+	items;
+	constructor(e) {
+		this.items = e;
+	}
+	getShade() {
+		return y(this.items.findCategory(v.shade), ({ design: e, value: t }) => {
+			if (S(t)) return {
+				design: e,
+				value: b(t, "value")
+			};
+		});
+	}
+	getUsed() {
+		let e = this.getList(), t = [];
+		return this.items.each(({ design: n, component: r, value: i, item: a, parents: o }) => {
+			if (r && typeof i == "string" && a?.[g.variable] === _.var && a?.[g.category] !== v.color && a?.[g.name]) {
+				let s = this.getFocusUsed(e, n, r, i);
+				if (s) {
+					let e = a[g.name], r = t.find((t) => t.name === e), i = o.find((e) => e.item[g.category] === "theme")?.name || "basic", c = `--${n}-palette-${E(`${i}-${s.match(/\.([^.{}]+)}/)?.[1]}`)}`;
+					r ? r.value.push(c) : t.push({
+						name: e,
+						value: [c]
+					});
+				}
+			}
+		}), t;
+	}
+	getFocusUsed(e, t, n, r) {
+		let i = this.items.getLink(t, n, r);
+		if (e.indexOf(i) !== -1) return r;
+		let a = this.items.getInfo(i);
+		if (a && a.design === t && typeof a.component == "string" && typeof a.value == "string") return this.getFocusUsed(e, a.design, a.component, a.value);
+	}
+	getList() {
+		return y(this.items.findCategory(v.color), ({ value: e }) => e);
+	}
+}, Xt = "setDesignsDesigns", Zt = "setDesignsRoot", Qt = "setDesignsMedia", $t = "setDesignsClasses", en = "setDesignsPalette", tn = "setDesignShade", nn = "setDesignsProperties", rn = class {
+	items;
+	constructor(e) {
+		this.items = e;
+	}
+	get() {
+		let e = "@use \"@dxtmisha/styles\" as variables;\r\n\r\n";
+		return e += `${this.getDesigns()}\r\n`, e += `${this.getRoot()}\r\n`, e += `${this.getMedia()}\r\n`, e += `${this.getClasses()}\r\n`, e += `${this.getPalette()}\r\n`, e += `${this.getShade()}\r\n`, e += `${this.getProperties()}\r\n`, e;
+	}
+	getDesigns() {
+		let e = y(this.items.getDesigns(), (e) => `\r\n  '${e}',`);
+		return this.getPropertiesValue(Xt, e.join(""));
+	}
+	getRoot() {
+		return this.getPropertiesValue(Zt, this.getByCategory(v.root));
+	}
+	getMedia() {
+		let e = "";
+		return y(this.items.getMedia(), (t, n) => {
+			S(t) && y(t, (t, r) => {
+				e += `\r\n  '${n}-${r}': ${this.getValueItem(t)},`;
+			});
+		}), this.getPropertiesValue(Qt, e);
+	}
+	getClasses() {
+		return this.getPropertiesValue($t, this.getByCategory(["class", "theme"]));
+	}
+	getPalette() {
+		let e = "";
+		return new Yt(this.items).getUsed().forEach(({ name: t, value: n }) => {
+			e += `\r\n  '${t}': ('${n.join("', '")}'),`;
+		}), this.getPropertiesValue(en, e);
+	}
+	getShade() {
+		let e = "";
+		return new Yt(this.items).getShade().forEach(({ design: t, value: n }) => {
+			e += `\r\n  '${t}': (${n.join(",")}),`;
+		}), this.getPropertiesValue(tn, e);
+	}
+	getProperties() {
+		return this.getPropertiesValue(nn, this.to());
+	}
+	getByCategory(e) {
+		let t = [];
+		return this.items.findCategory(e).forEach((e) => t.push(`\r\n  '${e.index}',`)), t.join("");
+	}
+	getValue(e, t) {
+		return S(e.value) ? `value: (${this.to(e.value, `${t}    `)}\r\n${t}  ),` : Array.isArray(e.value) ? `value: (${e.value.join(", ")}),` : `value: ${this.getValueItem(e)},`;
+	}
+	getValueItem(e) {
+		let t = e?.[g.css] || e.value;
+		return typeof t == "string" ? t.match(/^#[a-zA-Z0-9]+$/) || t.match(/^([0-9]+|([0-9]+\.[0-9]+))(px|em|rem|vw|vh|%|)$/) ? `${t}` : `'${t}'` : "";
+	}
+	getPropertiesValue(e, t) {
+		return `@include variables.${e}((${t}));`;
+	}
+	to(e = this.items.get(), t = "  ") {
+		let n = "";
+		return y(e, (e, r) => {
+			e?.value && e?.[g.variable] !== "none" && (n += `\r\n${t}'${r}':(`, n += `\r\n${t}  index: '${r}',`, n += `\r\n${t}  name: '${e?.[g.name] || r}',`, n += `\r\n${t}  type: '${e?.[g.variable]}',`, (e?.[g.category] || e?.[g.variable] !== _.component) && (n += `\r\n${t}  ${this.getValue(e, t)}`), e?.[g.modification] === !1 && (n += `\r\n${t}  modification: false,`), e?.[g.varKey] === !0 && (n += `\r\n${t}  var: true,`), n += `\r\n${t}),`);
+		}), n;
+	}
+}, an = "properties", on = class {
+	designs;
+	items;
+	constructor() {
+		this.designs = N.getDesigns(), this.items = new P(this.read());
+	}
+	get() {
+		return this.items;
+	}
+	getScss() {
+		return M.get([], this.getPathName(), () => {
+			let e = new rn(this.items).get();
+			return console.info("[Scss]", "init"), e;
+		}, "scss");
+	}
+	read() {
+		return M.get([], this.getPathName(), () => {
+			console.info("[Properties]", "start");
+			let e = this.readFiles();
+			return this.toBasic(e), new kt(e).to(), new jt(e).to(), new Mt(e).to(), new Nt(e).to(), new Ft(e).to(), new It(e).to(), new Lt(e).to(), new Rt(e).to(), new zt(e).to(), new Bt(e).to(), new Vt(e).to(), new Ht(e).to(), new Ut(e).to(), new Gt(e).to(), new qt(e).to(), new Jt(e).to(), console.info("[Properties]", "init"), e.get();
+		});
+	}
+	getPathName() {
+		return `${this.designs.join("-")}-${an}`;
+	}
+	readFiles() {
+		let e = new je(this.designs), t = new Fe(e).get();
+		return new P(w(t, new Ue(e).getBySettings(t)));
+	}
+	toBasic(e) {
+		new We(e).to(), new Ke(e).to(), new Xe(e).to(), new Ze(e).to(), new et(e).to(), new nt(e).to(), new tt(e).to(), new Et(e).to();
+	}
+}, J = class {
+	component;
+	properties;
+	items;
+	constructor(e) {
+		this.component = e, this.properties = new on(), this.items = this.properties.get().getInfo(this.getLink());
+	}
+	get() {
+		return this.data;
+	}
+	getLink() {
+		return `{${t.getDesignName()}.${this.component}}`;
+	}
+}, sn = class extends J {
+	states;
+	data = {};
+	constructor(e) {
+		super(e), this.states = this.makeState(this.items?.value), this.makeMain(), this.makeValue(), this.makeValueAll(), this.makeValueUnique();
+	}
+	getStates() {
+		return this.states;
+	}
+	isProps(e) {
+		let t = e?.[g.prop];
+		return t !== !1 && (x(t) || e?.[g.variable] === _.state || de.indexOf(e?.[g.name]) !== -1);
+	}
+	isLinkClass(e) {
+		return typeof e.value == "string" && e?.[g.variable] === _.linkClass;
+	}
+	getClass(e) {
+		return this.properties.get().getKeys(e).join(".").replace(".", "-").replace(/\./g, "--");
+	}
+	getClassState(e) {
+		return this.properties.get().getItem(e);
+	}
+	makeState(e) {
+		let t = [];
+		return x(e) && S(e) && y(e, (e, n) => {
+			if (this.isProps(e) && t.push({
+				index: n,
+				type: _.property,
+				item: e,
+				className: void 0,
+				state: this.makeState(e.value)
+			}), this.isLinkClass(e)) {
+				let r = e?.[g.css] || e.value;
+				if (typeof r == "string") {
+					let e = this.getClassState(r);
+					e && t.push({
+						index: n,
+						type: _.linkClass,
+						item: e,
+						className: this.getClass(r),
+						state: this.makeState(e.value)
+					});
+				}
+			}
+		}), t;
+	}
+	makeMain() {
+		return this.states?.forEach(({ index: e, type: t, item: n, className: r }) => {
+			this.data[e] = {
+				name: this.toName(n, e),
+				index: e,
+				type: t,
+				className: r,
+				value: [],
+				valueAll: [],
+				state: [],
+				style: !!n?.[g.style],
+				default: n?.[g.default],
+				category: n?.[g.category]
+			};
+		}), this;
+	}
+	makeValue() {
+		return this.states?.forEach(({ index: e, item: t }) => {
+			this.data?.[e]?.value.push(...this.toValue(t?.value));
+		}), this;
+	}
+	makeValueAll(e = this.states) {
+		return e?.forEach(({ index: e, item: t, state: n }) => {
+			if (e in this.data) {
+				let r = this.toValue(t?.value);
+				this.data?.[e]?.valueAll.push(...r), n && r.indexOf(!0) !== -1 && this.makeValueAll(n);
+			}
+		}), this;
+	}
+	makeValueUnique() {
+		return y(this.data, (e) => {
+			e.valueAll = Se(e.valueAll), x(e.value) || (e.value = [!0]), x(e.valueAll) || (e.valueAll = [!0]);
+		}), this;
+	}
+	makeValueState(e = this.states, t) {
+		return e?.forEach(({ index: e, item: n, state: r }) => {
+			let i = this.data[e];
+			if (i) {
+				if (t) {
+					let a = {
+						name: i.name,
+						index: e,
+						value: this.toValue(n.value),
+						state: []
+					};
+					t.push(a), this.makeValueState(r, a.state), a.state.length > 0 && a.value.length === 0 && a.value.push(!0);
+				} else this.makeValueState(r, this.data[e]?.state);
+			}
+		}), this;
+	}
+	toName(e, t) {
+		let n = e?.[g.prop];
+		return E(typeof n == "string" && n || e?.[g.rename] || e?.[g.index] || t);
+	}
+	toValue(e) {
+		if (x(e) && S(e)) {
+			let t = [], n = !1;
+			return y(e, (e, r) => {
+				(!(r in this.data) || e?.[g.prop]) && (e?.[g.variable] === _.state ? t.push(r) : n = !0);
+			}), n && t.push(!0), t;
+		}
+		return [!0];
+	}
+}, cn = class extends J {
+	data = [];
+	constructor(e) {
+		super(e), this.data = this.make(this.items?.value);
+	}
+	make(e, t = []) {
+		let n = [];
+		return x(e) && S(e) && y(e, (e) => {
+			if (this.isClasses(e)) {
+				let r = this.getNames(e, t);
+				n.push({
+					index: E(r.join("-")),
+					full: e?.[g.fullName] ?? !1,
+					className: r.join("__")
+				}, ...this.make(e?.value, r));
+			}
+		}), n;
+	}
+	isClasses(e) {
+		return !!(e?.[g.variable] === _.subclass || e?.[g.subclass]);
+	}
+	getNames(e, t) {
+		let n = e?.[g.nameIndex] ?? e?.[g.index] ?? "";
+		return e?.[g.fullName] ? [n] : [...t, n];
+	}
+}, Y = "  ", X = class {
+	static getDir() {
+		return [...o, t.getProjectName()];
+	}
+	static getSpace() {
+		return Y;
+	}
+	static addSpace(e) {
+		return xe(Y, e);
+	}
+	static addImport(e) {
+		return `@import "${e}";`;
+	}
+	static addUse(e) {
+		return `@use "${e}";`;
+	}
+	static addForward(e) {
+		return `@forward "${e}";`;
+	}
+	static addImportProperties() {
+		return "@use \"@dxtmisha/styles\" as ui;";
+	}
+	static join(e) {
+		return e.join("\r\n");
+	}
+	static increaseSpace(e) {
+		return `${e}${Y}`;
+	}
+	static toFunctionCss(e) {
+		return e.match(/@[a-zA-Z0-9.]+\(.*?\)( |,|$)/) ? e.replace(/@([a-zA-Z0-9.]+\(.*?\))( |,|$)/g, "#{$1}$2") : e;
+	}
+}, Z = class {
+	property;
+	space;
+	content;
+	first;
+	item;
+	constructor(e, t, n = () => [], r = !0) {
+		this.property = e, this.space = t, this.content = n, this.first = r, this.item = e.item;
+	}
+	make() {
+		return this.addSpace(this.treatment());
+	}
+	getName() {
+		return this.item?.[g.name] ?? "";
+	}
+	getValue() {
+		let e = this.item?.[g.css];
+		if (e) return e.replace(/\\#/g, "#");
+	}
+	addSpace(e) {
+		return y(e, (e) => `${this.space}${e}`);
+	}
+	addEmptyString() {
+		return this.first ? [""] : [];
+	}
+}, ln = class extends Z {
+	treatment() {
+		return this.content().length > 0 ? [
+			...this.addEmptyString(),
+			`${this.getName()} {`,
+			...this.content(),
+			"}"
+		] : [];
+	}
+}, un = class extends Z {
+	treatment() {
+		return [
+			...this.addEmptyString(),
+			`${this.getName()} {`,
+			...this.content(),
+			"}"
+		];
+	}
+}, dn = class extends Z {
+	treatment() {
+		let { value: e } = this.property;
+		if (S(e)) {
+			let t = [];
+			return new P(e).each(({ item: e }) => {
+				e?.[g.variable] === _.var && e?.[g.css] && (t.push(this.getCode(e)), e?.[g.cssColorOpacity] && t.push(this.getCodeColorOpacity(e)));
+			}), t;
+		}
+		let { item: t } = this.property;
+		return t?.[g.cssColorOpacity] ? [this.getCode(), this.getCodeColorOpacity()] : [this.getCode()];
+	}
+	getCode(e = this.item) {
+		let t = e?.[g.css];
+		return t = typeof t != "string" || t === "" ? "unset" : L.isColor(t) ? `#{ui.toColorRbg(${t})}` : t.replace(/\\#/g, "#"), `${e?.[g.name]}: ${X.toFunctionCss(t)};`;
+	}
+	getCodeColorOpacity(e = this.item) {
+		let t = e?.[g.css], n = e?.[g.cssColorOpacity];
+		return n && typeof n != "boolean" ? `${e?.[g.name]}-opacity: ${n};` : `${e?.[g.name]}-opacity: #{ui.toColorOpacity(${t})};`;
+	}
+}, fn = /* @__PURE__ */ "flex-position.flex-dynamic.justify-content.inset.horizon.vertically.left.right.absolute.absolute-top.absolute-bottom.absolute-after.padding-x.padding-y.padding-left.padding-right.margin-x.margin-y.margin-left.margin-right.width.height.width-basis.height-basis.aspect-ratio.aspect-ratio-width.aspect-ratio-height.squared.circle.font-size.line-height.text-align.text-overflow.clamp.text-select-none.text-case.paragraph-spacing.palette.palette-var.palette-color.palette-stroke.palette-background.palette-fill.palette-gradient.palette-border.color.color-opacity.stroke.stroke-opacity.background-color.background-opacity.background-size.fill.fill-opacity.gradient.gradient-opacity.border-color.border-opacity.outline-color.outline-opacity.translate-x.translate-y.scale.rotate".split("."), pn = class extends Z {
+	treatment() {
+		let e = [];
+		return this.property?.previous && this.property.previous?.[g.sort] !== this.item?.[g.sort] && e.push(""), this.item?.[g.varKey] && e.push(this.getVar()), e.push(this.getPropertyValue()), e;
+	}
+	getVar() {
+		let { design: e, component: t } = this.property, n = this.getName(), r = this.getValue();
+		return `--${N.getComponentName(e, t)}-${n}: ${r};`;
+	}
+	getPropertyValue() {
+		let e = this.getName(), t = this.getValue() ?? "unset";
+		if (this.item?.[g.modification] !== !1 && fn.indexOf(e) !== -1) return `@include ui.${E(e)}(#{${t}});${this.initAuxiliaryValue()}`;
+		let n = `${e}: ${X.toFunctionCss(t)}`;
+		return e === "font-family" ? `${n}, sans-serif;` : `${n};`;
+	}
+	initAuxiliaryValue() {
+		let e = this.getName(), t = this.property.parent?.value;
+		if (S(t)) switch (e) {
+			case "color-opacity":
+				if (!("color" in t)) return " @include ui.color('init');";
+				break;
+			case "background-opacity":
+				if (!("backgroundColor" in t)) return " @include ui.backgroundColor('init');";
+				break;
+			case "gradient-opacity":
+				if (!("gradient" in t)) return " @include ui.gradient('init');";
+				break;
+			case "border-opacity": if (!("borderColor" in t)) return " @include ui.borderColor('init');";
+		}
+		return "";
+	}
+}, mn = class extends Z {
+	treatment() {
+		return this.content().length > 0 ? [
+			...this.addEmptyString(),
+			`${this.getSelector()} {`,
+			...this.content(),
+			"}"
+		] : [];
+	}
+	getClassName() {
+		let { design: e, component: t } = this.property;
+		return `'${N.getClassName(e, t)}'`;
+	}
+	getSelector() {
+		let e = this.getName(), t = this.getClassName(), n = t === `'.${this.property.parent?.[g.name]}'`;
+		switch (e) {
+			case "hover":
+			case "active":
+			case "focus":
+			case "disabled":
+			case "readonly": return `@include ui.${e}${n ? "" : `(${t})`}`;
+			default: return `&:${O(e)}`;
+		}
+	}
+}, hn = class extends Z {
+	contentType = ["after", "before"];
+	treatment() {
+		let e = this.getName(), t = [...this.addEmptyString(), `&::${e} {`];
+		return this.contentType.indexOf(e) !== -1 && t.push(`${X.getSpace()}content: ' ';`), t.push(...this.content()), t.push("}"), t;
+	}
+}, gn = class extends Z {
+	treatment() {
+		return [
+			...this.addEmptyString(),
+			`@media screen and ${this.getName()} {`,
+			...this.content(),
+			"}"
+		];
+	}
+}, _n = class extends Z {
+	treatment() {
+		return [
+			...this.addEmptyString(),
+			`@container ${this.getName()} {`,
+			...this.content(),
+			"}"
+		];
+	}
+}, vn = class extends Z {
+	treatment() {
+		return [
+			...this.addEmptyString(),
+			`@keyframes ${this.getName()} {`,
+			...this.content(),
+			"}"
+		];
+	}
+}, yn = class extends Z {
+	treatment() {
+		return [
+			...this.addEmptyString(),
+			`@at-root ${this.getName()} {`,
+			...this.content(),
+			"}"
+		];
+	}
+}, bn = ["selector", "virtual"], xn = [
+	"var",
+	"property",
+	"scss"
+], Sn = class e {
+	space;
+	property;
+	parent;
+	item;
+	data = [];
+	first = !1;
+	constructor(e, t, n) {
+		this.space = e, this.property = t, this.parent = n, this.item = t.item;
+	}
+	make() {
+		return new P({}).eachMainOnly((t) => {
+			let { item: n } = t;
+			if (this.isAuxiliary() && this.isAuxiliary(n) && this.isNotBasic(n)) {
+				let n = new e(X.increaseSpace(this.space), t, this.item).make();
+				this.data.push(`${this.space}& {`, ...n, `${this.space}}`);
+			} else {
+				let e = this.toByType(t);
+				e.length > 0 && (this.first = !0), this.data.push(...e);
+			}
+		}, this.property), this.data;
+	}
+	isAuxiliary(e = this.parent) {
+		return !!(e && bn.indexOf(e?.[g.variable]) !== -1);
+	}
+	isNotBasic(e) {
+		return !(e && xn.indexOf(e?.[g.variable]) !== -1);
+	}
+	getContent(t) {
+		return () => new e(this.space, t, this.item).make();
+	}
+	getArgumentsForTo(e) {
+		return [
+			e,
+			this.space,
+			this.getContent(e),
+			this.first
+		];
+	}
+	toByType(e) {
+		let t = this.getArgumentsForTo(e);
+		switch (e.item?.[g.variable]) {
+			case _.var: return new dn(...t).make();
+			case _.property: return new pn(...t).make();
+			case _.selector: return new mn(...t).make();
+			case _.virtual: return new hn(...t).make();
+			case _.media:
+			case _.mediaMax: return new gn(...t).make();
+			case _.container:
+			case _.containerMax: return new _n(...t).make();
+			case _.animate: return new vn(...t).make();
+			case _.root: return new yn(...t).make();
+			case _.state:
+			case _.subclass:
+			case _.classType:
+			case _.scss: return new ln(...t).make();
+			case _.animateFrame: return new un(...t).make();
+			default: return [];
+		}
+	}
+}, Cn = class extends J {
+	data;
+	constructor(e) {
+		super(e), this.data = this.make();
+	}
+	make() {
+		return this.items ? [
+			"& {",
+			...new Sn("  ", this.items).make(),
+			"}"
+		] : [];
+	}
+}, wn = class {
+	component;
+	items;
+	itemsClasses;
+	itemsStyles;
+	constructor(e) {
+		this.component = E(e ?? "component");
+	}
+	get() {
+		return this.items === void 0 && (this.items = this.make()), this.items;
+	}
+	getClasses() {
+		return this.itemsClasses === void 0 && (this.itemsClasses = this.makeClasses()), this.itemsClasses;
+	}
+	getStyles() {
+		return this.itemsStyles === void 0 && (this.itemsStyles = this.makeStyles()), this.itemsStyles;
+	}
+	getDesign() {
+		return t.getDesignName();
+	}
+	getDesignFirst() {
+		return D(t.getDesignName());
+	}
+	getComponentName() {
+		return this.component;
+	}
+	getComponentNameFirst() {
+		return D(this.component);
+	}
+	getFullComponentName() {
+		return `${this.getDesignFirst()}${this.getComponentNameFirst()}`;
+	}
+	getFileName() {
+		return D(this.getPathName());
+	}
+	getPathName() {
+		return `${t.getDesignName()}-${this.component}`;
+	}
+	getPathClasses() {
+		return `${this.getPathName()}-${fe}`;
+	}
+	make() {
+		return M.get([f], this.getPathName(), () => new sn(this.component).get());
+	}
+	makeClasses() {
+		return M.get([f], this.getPathClasses(), () => new cn(this.component).get());
+	}
+	makeStyles() {
+		return new Cn(this.component).get();
+	}
+}, Tn = class {
+	structure;
+	sample;
+	component;
+	mark;
+	constructor(e, t, n) {
+		this.structure = e, this.sample = n, this.mark = D(t), this.component = this.structure.getComponentNameFirst();
+	}
+	get() {
+		return this.sample;
+	}
+	getRoot() {
+		return "../../";
+	}
+	getNameFile(e) {
+		return e.replace(/\[project]/g, t.getProjectName()).replace(/\[design]/g, this.structure.getDesign()).replace(/\[Design]/g, D(this.structure.getDesign())).replace(/\[component]/g, this.structure.getComponentName()).replace(/DesignComponent/g, this.structure.getFileName()).replace(new RegExp(this.mark, "g"), this.component).replace(RegExp(`DefineSetupFn${this.component}`, "g"), "DefineSetupFnComponent");
+	}
+	replaceName() {
+		return this.sample = this.getNameFile(this.sample), this;
+	}
+	replacePath() {
+		return this.sample = this.sample.replace(/..\/..\/..\//g, this.getRoot()), this;
+	}
+	replaceMark(e, t, n = "") {
+		let r = `\\[?\\/\\/[\\]: #\\(]+:${e} `, i = this.sample.match(RegExp(`^( *)(${r})`, "m"))?.[1];
+		if (typeof i != "string" && this.sample.match(e) && (r = `<!-- :${e} `, i = this.sample.match(RegExp(`^( *)(${r})`, "m"))?.[1]), typeof i == "string") {
+			let e = `\r\n${i}`, a = t.join(`${n}${e}`).replace(/\[space]/g, e).replace(/\$/g, "$$$$");
+			this.sample = a.trim() === "" ? this.sample.replace(RegExp(`(^ *)(${r}.*?$)([\\S\\s]+)(^ *${r})`, "gm"), "$1$2\r\n$4") : this.sample.replace(RegExp(`(^ *)(${r}.*?$)([\\S\\s]+)(^ *${r})`, "gm"), `$1$2${e}${a}\r\n$4`);
+		}
+		return this;
+	}
+	replaceOnce(e = E(this.mark), t = !1) {
+		let n = RegExp(`\\/\\/ :${e}\\.once ([^\r\n]+)([\r\n ]*)`, "g"), r = RegExp(`\\/\\* :${e}\\.once \\*\\/([\\S\\s]*?)\\/\\* :${e}\\.once\\.end \\*\\/([\r\n ]*)`, "g"), i = RegExp(`\\/\\* :${e}\\.once (.*?) \\*\\/([\r\n ]*)`, "g"), a = RegExp(`<!-- :${e}\\.once -->([\\S\\s]*?)<!-- :${e}\\.once\\.end -->([\r\n ]*)`, "g"), o = RegExp(`<!-- :${e}\\.once (.*?) -->([\r\n ]*)`, "g"), s = (...e) => typeof t == "function" ? `${t(e[1])}${e[2]}` : t ? "" : `${e[1]}${e[2]}`;
+		return this.sample = this.sample.replace(n, s).replace(r, s).replace(i, s).replace(a, s).replace(o, s), this;
+	}
+	replaceType(e) {
+		let t = "type", n = this.structure.get(), r = [];
+		return e && r.push(...this.getTypeForConstructor(e)), y(n, ({ name: n, valueAll: i, style: a }) => {
+			let o = this.getPropTypeByValue(i, a);
+			if (!this.initMarkAddValue(t, n, o) && !this.isNoMark(t, n)) {
+				let t = !e && !o.match(/string|boolean/) && o.match(/'/) ? `${o}` : o;
+				r.push(`${n}?: ${t}`);
+			}
+		}), this.replaceMark(t, r);
+	}
+	replaceDefault() {
+		let e = "default", t = this.structure.get(), n = [];
+		return y(t, (t) => {
+			t.default && !this.isNoMark(e, t.name) && n.push(`${t.name}: ${this.getDefault(t.default)}`);
+		}), this.replaceMark(e, n, ",");
+	}
+	replaceProps() {
+		let e = this.structure.get(), t = [], n = this.getIndexDefault();
+		return y(e, (e) => {
+			if (!this.isNoMark("type", e.name)) {
+				let r = this.getPropByValue(e.name, e.valueAll);
+				e.default ? t.push(`${e.name}: {[space]  type: ${r},[space]  default: ${n}?.${e.name}[space]}`) : t.push(`${e.name}: ${r}`);
+			}
+		}), this.replaceMark("prop", t, ",");
+	}
+	replacePropsValues() {
+		let e = this.structure.get(), t = [];
+		return y(e, (e) => {
+			if (!this.isNoMark("type", e.name)) {
+				let n = this.getPropValuesByValue(e.valueAll);
+				n ? t.push(`${e.name}: [${n}]`) : e.valueAll?.indexOf("custom") !== -1 && t.push(`${e.name}: []`);
+			}
+		}), this.replaceMark("values", t, ",");
+	}
+	replaceClasses(e = (e) => `${e.index}: string`, t = "") {
+		let n = this.structure.getClasses(), r = [];
+		return y(n, (t) => r.push(e(t))), this.replaceMark("classes", r, t);
+	}
+	replaceClassesValues() {
+		let e = [`'${this.structure?.getPathName()}': true`, ...this.initClassesValues()];
+		return this.replaceMark("classes-values", e, ",");
+	}
+	replaceStylesValues() {
+		let e = this.initStylesValues();
+		return this.replaceMark("styles-values", e, ",");
+	}
+	replaceConstructorClasses() {
+		return this.replaceClasses((e) => e.full ? `${e.index}: '${e.className}'` : `${e.index}: this.getSubClass('${e.className}')`, ",");
+	}
+	isBoolean(e) {
+		return e.indexOf(!0) !== -1;
+	}
+	isString(e) {
+		return e.length > 0 && e[0] !== !0;
+	}
+	isNoMark(e, t) {
+		return !!this.sample.match(`:${e}.${t}.none`);
+	}
+	getDefault(e) {
+		return typeof e == "string" ? `'${e}'` : `${e}`;
+	}
+	getPropByValue(e, t) {
+		if (!this.isString(t)) return "Boolean";
+		let n = this.isBoolean(t) ? "[String, Boolean]" : "String", r = this.getIndexProp();
+		return r ? `${n} as PropType<${r}['${e}']>` : n;
+	}
+	getPropTypeByValue(e, t) {
+		let n = [];
+		return this.isBoolean(e) && n.push("boolean"), t && n.push("string"), this.isString(e) && e.forEach((e) => n.push(e === !0 ? "true" : `'${e}'`)), n.length === 0 && n.push("boolean"), n.join(" | ");
+	}
+	getPropValuesByValue(e) {
+		if (this.isString(e)) {
+			let t = [];
+			return e.forEach((e) => {
+				e !== "custom" && t.push(e === !0 ? "true" : `'${e}'`);
+			}), t.join(", ");
+		}
+	}
+	getIndexProp() {
+		return this.sample.match(/type ([a-zA-Z]*Props[a-zA-Z]*) =/)?.[1];
+	}
+	getIndexDefault() {
+		return this.sample.match(/const ([a-zA-Z]*defaults[a-zA-Z]*)[ :]/)?.[1];
+	}
+	getTypeForConstructor(e) {
+		let t = b(this.structure.get(), "name"), n = [];
+		return e.match(/(?<=type[^{]+Props[^{]+{[^{}]+)(^[^\n{}/]+$)(?=[^{}]+^})/gim)?.forEach((e) => {
+			let r = e.match(/[a-z0-9]+(?=[?:])/i)?.[0];
+			r && t.indexOf(r) === -1 && n.push(`// [constructor] ${e.trim()}`);
+		}), n;
+	}
+	initMarkAddValue(e, t, n) {
+		return this.sample.match(`:${e}.${t}`) ? (this.sample = this.sample.replace(RegExp(`(/[*] ?:${e}[.]${t} ?[*]/)[^\r\n]*`, "g"), `$1 | ${n}`), !0) : !1;
+	}
+	initClassesValues(e = this.structure.get(), t = this.structure?.getPathName() ?? "", n = []) {
+		let r = [];
+		return y(e, (e) => {
+			let { name: i, value: a, state: o } = e, s = `props.${i}`, c = "className" in e && e?.className || `${t}--${i}`, l = [
+				...n,
+				this.isString(a) ? `Boolean(${s})` : s,
+				...this.initClassesCategory(e)
+			];
+			this.isBoolean(a) && r.push(`'${c}': ${l.join(" && ")}`, ...this.initClassesValues(o, c, l)), "style" in e && e.style && r.push(`'${c}--${le}': isFilled(${s}) && !inArray(propsValues.${i}, ${s})`), this.isString(a) && (a.length !== 1 || a[0] !== "custom") && r.push(`[\`${c.match(/-palette$/) ? `${c} ` : ""}${c}--\${${s}}\`]: inArray(propsValues.${i}, ${s})`);
+		}), r;
+	}
+	initClassesCategory(e) {
+		let t = [];
+		return "category" in e && e.category && e.default && y(this.structure.get(), ({ name: n, category: r }) => {
+			e.name !== n && e.category === r && t.push(`!props.${n}`);
+		}), t;
+	}
+	initStylesValues(e = this.structure.get()) {
+		let t = [], n = this.structure?.getPathName();
+		return y(e, ({ name: e, style: r }) => {
+			r && t.push(`'--${n}-sys-${e}': props.${e} ?? null`);
+		}), t;
+	}
+}, En = class {
+	command;
+	options;
+	structure;
+	constructor(e, t = {}) {
+		this.command = e, this.options = t;
+	}
+	async make() {
+		this.command ? (console.info(`-- ${t.getDesignName()}.${this.command}:`), await this.initMain(), console.info("-- end")) : console.info("-- not name");
+	}
+	isFile(t) {
+		return e.is([...this.dir, ...T(t)]);
+	}
+	getCommand() {
+		return this.command;
+	}
+	getName() {
+		return D(this.getCommand());
+	}
+	getNameMin() {
+		return E(this.getCommand());
+	}
+	getCode() {
+		return O(this.getCommand());
+	}
+	getFullName() {
+		return D(`${t.getDesignName()}-${this.getCommand()}`);
+	}
+	getProjectName() {
+		return D(t.getProjectName());
+	}
+	getStructure() {
+		return this.structure ||= new wn(this.getCommand()), this.structure;
+	}
+	getReplace(e) {
+		return new Tn(this.getStructure(), this.mark, e ?? "");
+	}
+	read(t) {
+		return e.readFile([...this.dir, ...T(t)]);
+	}
+	readSample(e) {
+		return this.sample?.[e];
+	}
+	readDefinable(e, t) {
+		let n = this.getReplace().getNameFile(e);
+		if (this.isFile(n)) return this.getReplace(this.read(n));
+		let r = this.getReplace(this.readSample(e));
+		return t && t(r), r.replaceOnce().replaceName(), r;
+	}
+	write(t, n) {
+		this.console(t), e.write(this.dir, t, n, "");
+	}
+	updatePackage(t, n) {
+		let r = h(), i = r;
+		if (r && i) {
+			let a = t.split("|"), o = a.pop();
+			for (let e of a) e in i || (i[e] = {}), i = i[e];
+			o && (i[o] = n), e.writeByPath(ae, r);
+		}
+		return this;
+	}
+	console(e) {
+		console.info(`--  ${this.isFile(e) ? "update" : "create"} ${e}`);
+	}
+}, Dn = {
+	"basicTypes.ts": "",
+	"Constructors.ts": "import type { Ref, ToRefs } from 'vue'\nimport { type ConstrEmit, type DesignComp } from '@dxtmisha/functional'\n\nimport type { ConstructorsComponents, ConstructorsEmits, ConstructorsSlots } from './types'\nimport type { ConstructorsProps } from './props'\n\n/**\n * Constructors\n */\nexport class Constructors {\n  /**\n   * Constructor\n   * @param props input data/ входные данные\n   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов\n   * @param element input element/ элемент ввода\n   * @param classDesign design name/ название дизайна\n   * @param className class name/ название класса\n   * @param components object for working with components/ объект для работы с компонентами\n   * @param slots object for working with slots/ объект для работы со слотами\n   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие\n   */\n  constructor(\n    protected readonly props: ConstructorsProps,\n    protected readonly refs: ToRefs<ConstructorsProps>,\n    protected readonly element: Ref<HTMLElement | undefined>,\n    protected readonly classDesign: string,\n    protected readonly className: string,\n    protected readonly components?: DesignComp<ConstructorsComponents, ConstructorsProps>,\n    protected readonly slots?: ConstructorsSlots,\n    protected readonly emits?: ConstrEmit<ConstructorsEmits>\n  ) {\n  }\n}\n",
+	"ConstructorsDesign.tsx": "import { h, type VNode } from 'vue'\nimport {\n  type ConstrOptions,\n  type ConstrStyles,\n  DesignConstructorAbstract\n} from '@dxtmisha/functional'\n\nimport { Constructors } from './Constructors'\n\nimport {\n  type ConstructorsPropsBasic\n} from './props'\nimport {\n  type ConstructorsClasses,\n  type ConstructorsComponents,\n  type ConstructorsEmits,\n  type ConstructorsExpose,\n  type ConstructorsSlots\n} from './types'\n\n/**\n * ConstructorsDesign\n */\nexport class ConstructorsDesign<\n  COMP extends ConstructorsComponents,\n  EXPOSE extends ConstructorsExpose,\n  CLASSES extends ConstructorsClasses,\n  P extends ConstructorsPropsBasic\n> extends DesignConstructorAbstract<\n    HTMLDivElement,\n    COMP,\n    ConstructorsEmits,\n    EXPOSE,\n    ConstructorsSlots,\n    CLASSES,\n    P\n  > {\n  protected readonly item: Constructors\n\n  /**\n   * Constructor\n   * @param name class name/ название класса\n   * @param props properties/ свойства\n   * @param options list of additional parameters/ список дополнительных параметров\n   * @param ItemConstructor constructors item class/ класс элемента конструкторов\n   */\n  constructor(\n    name: string,\n    props: Readonly<P>,\n    options?: ConstrOptions<COMP, ConstructorsEmits, P>,\n    ItemConstructor: typeof Constructors = Constructors\n  ) {\n    super(\n      name,\n      props,\n      options\n    )\n\n    this.item = new ItemConstructor(\n      this.props,\n      this.refs,\n      this.element,\n      this.getDesign(),\n      this.getName(),\n      this.components,\n      this.slots,\n      this.emits\n    )\n\n    // TODO: Method for initializing base objects\n    // TODO: Метод для инициализации базовых объектов\n\n    this.init()\n  }\n\n  /**\n   * Initialization of all the necessary properties for work\n   *\n   * Инициализация всех необходимых свойств для работы.\n   */\n  protected initExpose(): EXPOSE {\n    return {\n      // TODO: list of properties for export\n      // TODO: список свойств для экспорта\n    } as EXPOSE\n  }\n\n  /**\n   * Improvement of the obtained list of classes.\n   *\n   * Доработка полученного списка классов.\n   */\n  protected initClasses(): Partial<CLASSES> {\n    return {\n      main: {},\n      ...{\n        // :classes [!] System label / Системная метка\n        // :classes [!] System label / Системная метка\n      }\n    } as Partial<CLASSES>\n  }\n\n  /**\n   * Refinement of the received list of styles.\n   *\n   * Доработка полученного списка стилей.\n   */\n  protected initStyles(): ConstrStyles {\n    return {\n      // TODO: list of user styles\n      // TODO: список пользовательских стилей\n    }\n  }\n\n  /**\n   * A method for rendering.\n   *\n   * Метод для рендеринга.\n   */\n  protected initRender(): VNode {\n    // const children: any[] = []\n\n    return h('div', {\n      // ...this.getAttrs(),\n      ref: this.element,\n      class: this.classes?.value.main\n    })\n  }\n}\n",
+	"index.ts": "export * from './Constructors'\nexport * from './ConstructorsDesign'\nexport * from './props'\nexport * from './types'\nexport * from './basicTypes'\n",
+	"props.ts": "type ConstructorsPropsToken = {\n  // :type [!] System label / Системная метка\n  // :type [!] System label / Системная метка\n}\n\nexport type ConstructorsPropsBasic = {\n  // TODO: Location for a custom property / Место для пользовательского свойства\n}\n\n/**\n * Type describing incoming properties.\n *\n * Тип, описывающий входящие свойства.\n */\nexport type ConstructorsProps = ConstructorsPropsBasic & ConstructorsPropsToken\n\n/**\n * Default value for property.\n *\n * Значение по умолчанию для свойства.\n */\nexport const defaultsConstructors = {\n  // TODO: Location for a user-defined default value / Место для пользовательского значения по умолчанию\n  ...{\n    // :default [!] System label / Системная метка\n    // :default [!] System label / Системная метка\n  }\n}\n",
+	"style.scss": "@use \"@dxtmisha/styles/properties\" as ui;\n\n@mixin mixinConstructors {\n\n}\n",
+	"types.ts": "import type { ConstrClass } from '@dxtmisha/functional'\n\n/**\n * Interface for describing which components need to be connected for work.\n *\n * Интерфейс для описания, какие компоненты надо подключить для работы.\n */\nexport type ConstructorsComponents = {\n  // componentName: object\n}\n\n/**\n * Type describing available events.\n *\n * Тип, описывающий доступные события.\n */\nexport type ConstructorsEmits = {\n  // load: [value: string]\n}\n\n/**\n * Type describing available properties.\n *\n * Тип, описывающий доступные свойства.\n */\nexport interface ConstructorsExpose {\n}\n\n/**\n * Type describing available slots.\n *\n * Тип, описывающий доступные слоты.\n */\nexport interface ConstructorsSlots {\n  // default? (props: any): any\n}\n\n/**\n * Type describing subclasses.\n *\n * Тип, описывающий подклассы.\n */\nexport type ConstructorsClasses = {\n  main: ConstrClass\n  // :classes [!] System label / Системная метка\n  // :classes [!] System label / Системная метка\n}\n"
+}, On = "properties.json", kn = "props.ts", An = "types.ts", jn = "basicTypes.ts", Mn = "style.scss", Nn = "Constructors.ts", Pn = "ConstructorsDesign.tsx", Fn = "index.ts", In = class extends En {
+	sample = Dn;
+	mark = u;
+	dir;
+	constructor(t, n = {}) {
+		super(t, n), this.dir = [
+			e.getRoot(),
+			"src",
+			this.mark,
+			this.getStructure().getComponentNameFirst()
+		];
+	}
+	initMain() {
+		this.makeProperties().makeProps().makeTypes().makeTypesBasic().makeStyle().makeCode().makeMain().makeIndex().makeFilePackage().makeLibrary();
+	}
+	makeProperties() {
+		let e = On;
+		return this.isFile(e) || this.write(e, "{\r\n}\r\n"), this;
+	}
+	makeProps() {
+		let e = kn, t = this.readDefinable(e);
+		return t.replaceType().replaceDefault().replaceProps(), this.write(e, t.get()), this;
+	}
+	makeTypes() {
+		let e = An, t = this.readDefinable(e);
+		return t.replaceClasses(), this.write(e, t.get()), this;
+	}
+	makeTypesBasic() {
+		return this.makeFileStandard(jn);
+	}
+	makeStyle() {
+		let e = Mn;
+		if (!this.isFile(e)) {
+			let t = this.readDefinable(e);
+			this.write(e, t.get());
+		}
+		return this;
+	}
+	makeCode() {
+		return this.makeFileStandard(Nn);
+	}
+	makeMain() {
+		return this.makeFileStandard(Pn);
+	}
+	makeIndex() {
+		return this.makeFileStandard(Fn);
+	}
+	makeFileStandard(e) {
+		let t = this.readDefinable(e);
+		return t.replaceConstructorClasses(), this.write(t.getNameFile(e), t.get()), this;
+	}
+	makeFilePackage() {
+		let e = this.getName(), t = `./${e}`;
+		return this.updatePackage(`exports|${t}`, {
+			types: `./dist/constructors/${e}/index.d.ts`,
+			default: `./dist/${this.getNameMin()}.js`
+		}), this;
+	}
+	makeLibrary() {
+		let t = E(this.getCommand());
+		return e.writeByPath([...a, `${t}.ts`], `export * from '../${u}/${D(this.getCommand())}/index'
+`), this;
+	}
+}, Ln = class {
+	name;
+	constructor(e) {
+		this.name = e;
+	}
+	async make() {
+		if (M.clear(), x(this.name)) await new In(this.name).make();
+		else for (let e of this.getComponents()) console.log(`Constructor update: ${e}`), await new In(e).make();
+		this.makeStyle();
+	}
+	getComponents() {
+		return e.readDir(this.getDir());
+	}
+	getComponentsStyle() {
+		let e = [];
+		return this.getComponents().forEach((t) => {
+			let n = D(t);
+			e.push(`@forward "../constructors/${n}/style";`);
+		}), e;
+	}
+	getDir() {
+		return [
+			e.getRoot(),
+			"src",
+			u
+		];
+	}
+	makeStyle() {
+		let t = [...a, ce], n = this.getComponentsStyle();
+		e.writeByPath(t, n.join("\r\n"));
+	}
+}, Rn = 2, zn = "image/webp", Q = "flags.webp", Bn = [
+	"src",
+	"assets",
+	Q
+], Vn = [
+	".",
+	"..",
+	"assets",
+	Q
+], Hn = [
+	"src",
+	"styles",
+	"flags.css"
+], Un = ".ui-sys-flags", Wn = class {
+	dir;
+	width;
+	height;
+	columns;
+	list;
+	data = [];
+	x = 0;
+	y = 0;
+	square;
+	top;
+	left;
+	canvas;
+	context;
+	constructor(e = "src/assets/flags", t = 96, n = 72, r = 12) {
+		this.dir = e, this.width = t, this.height = n, this.columns = r, this.list = this.initList(), this.square = this.initSquare(), this.top = this.initTop(), this.left = this.initLeft();
+	}
+	async make() {
+		await this.initGraphics();
+		for (let e of this.list) await this.addImage(e), this.data.push(this.addData(e)), this.next();
+		this.save(), this.saveStyle();
+	}
+	getLines() {
+		return Math.ceil(this.list.length / this.columns);
+	}
+	getCanvasWidth() {
+		return this.columns * this.square;
+	}
+	getCanvasHeight() {
+		return this.getLines() * this.square;
+	}
+	getDx() {
+		return this.x * this.square + this.left;
+	}
+	getDy() {
+		return this.y * this.square + this.top;
+	}
+	getStyle() {
+		let e = this.columns * (this.square / this.width), t = this.getLines() * (this.square / this.height), n = `
+${Un} {
+  --sys-flags-width: ${this.width}px;
+  --sys-flags-height: ${this.height}px;
+  --sys-flags-top: ${this.top}px;
+  --sys-flags-left: ${this.left}px;
+  --sys-flags-lines: ${this.getLines()};
+
+  background-image: url("${Vn.join("/")}");
+  background-size: calc(100% * ${e}) calc(100% * ${t});
+}
+`.trim(), r = 100 / (this.getCanvasWidth() - this.width), i = 100 / (this.getCanvasHeight() - this.height);
+		return this.data.forEach((e) => {
+			n += `
+${Un}--${e.name} {
+  background-position: ${e.x * r}% ${e.y * i}%;
+}`;
+		}), n;
+	}
+	async addImage(t) {
+		let n = e.joinPath([this.dir, t]), { loadImage: r } = await import("@napi-rs/canvas"), i = await r(n);
+		this.context.drawImage(i, this.getDx(), this.getDy(), this.width, this.height);
+	}
+	addData(e) {
+		return {
+			name: e.replace(/\.[^.]+$/, ""),
+			x: this.getDx(),
+			y: this.getDy()
+		};
+	}
+	next() {
+		this.x++, this.x >= this.columns && (this.x = 0, this.y++);
+	}
+	save() {
+		let t = this.canvas.toBuffer(zn, 64);
+		t && e.writeByPath(Bn, t, !1);
+	}
+	saveStyle() {
+		e.writeByPath(Hn, this.getStyle());
+	}
+	async initGraphics() {
+		let { createCanvas: e } = await import("@napi-rs/canvas");
+		this.canvas = e(this.getCanvasWidth(), this.getCanvasHeight()), this.context = this.canvas.getContext("2d", { alpha: !0 });
+	}
+	initLeft() {
+		return this.square / 2 - this.width / 2;
+	}
+	initList() {
+		return e.readDir(this.dir).filter((e) => e.endsWith(".svg"));
+	}
+	initSquare() {
+		return this.width >= this.height ? this.width * Rn : this.height * Rn;
+	}
+	initTop() {
+		return this.square / 2 - this.height / 2;
+	}
+}, Gn = class {
+	program;
+	checker;
+	sourceFile;
+	types;
+	constructor(e = "", t = {}) {
+		this.program = k.createProgram([e], t), this.checker = this.program.getTypeChecker(), this.sourceFile = this.program.getSourceFiles().find((t) => t.fileName.endsWith(e));
+	}
+	getTypes() {
+		if (!this.types && this.sourceFile) {
+			let e = [];
+			return k.forEachChild(this.sourceFile, (t) => {
+				if (k.isTypeAliasDeclaration(t) || k.isInterfaceDeclaration(t)) {
+					let n = this.checker.getTypeAtLocation(t.name), r = [];
+					this.checker.getPropertiesOfType(n).forEach((e) => {
+						r.push(this.getPropInformation(t, e));
+					}), e.push({
+						name: t.name.text,
+						props: r
+					});
+				}
+			}), this.types = e, e;
+		}
+		return [];
+	}
+	getType(e) {
+		return this.getTypes().find((t) => t.name === e);
+	}
+	getPropType(e, t) {
+		let n = this.getPropOption(e);
+		if (e.isUnion() && n && n.length > 0) return e.types.every((e) => e.isNumberLiteral()) ? "number" : "string";
+		let r = this.checker.typeToString(e);
+		if (t && (r === "any" || r === "{}" || r === "unknown")) {
+			let e = t.getDeclarations()?.find((e) => k.isPropertySignature(e) || k.isPropertyDeclaration(e));
+			e?.type && (r = e.type.getText().trim() || r);
+		}
+		return r.replace(/'/g, "\\'");
+	}
+	getPropOption(e) {
+		if (e.isUnion()) {
+			let t = y(e.types, (e) => {
+				if (e.isStringLiteral() || e.isNumberLiteral()) return String(e.value);
+			});
+			if (t.length > 0) return t;
+		}
+	}
+	getPropOptionByNode(e) {
+		if (k.isUnionTypeNode(e)) {
+			let t = [];
+			for (let n of e.types) k.isLiteralTypeNode(n) && k.isStringLiteral(n.literal) && t.push(n.literal.text);
+			return t;
+		}
+	}
+	getPropOptionByDeclarations(e) {
+		if (e) {
+			for (let t of e) if ((k.isPropertySignature(t) || k.isPropertyDeclaration(t)) && t.type) {
+				let e = this.getPropOptionByNode(t.type);
+				if (e && e.length > 0) return e;
+			}
+		}
+		return [];
+	}
+	getPropInformation(e, t) {
+		let n = this.checker.getTypeOfSymbolAtLocation(t, e.name), r = k.displayPartsToString(t.getDocumentationComment(this.checker)).trim(), i = r.length > 0 ? r : void 0;
+		return {
+			name: t.name,
+			type: this.getPropType(n, t),
+			option: this.getPropOption(n) ?? this.getPropOptionByDeclarations(t.getDeclarations()),
+			description: i
+		};
+	}
+}, Kn = {
+	"DesignComponent.mdx": "import {Canvas, Meta} from '@storybook/addon-docs/blocks'\nimport {\n    StorybookDescriptions,\n    StorybookMain\n} from '@dxtmisha/wiki/storybook'\n\nimport * as Component from './DesignComponent.stories'\nimport {ComponentWikiStorybook} from './wiki'\n\n[//]: # (:documentation-import [!] System label / Системная метка)\n[//]: # (:documentation-import [!] System label / Системная метка)\n\n<Meta of={Component}/>\n<StorybookMain\n    name={ComponentWikiStorybook.getName()}\n    description={ComponentWikiStorybook.getDescription()}\n    story={Component.Component}\n/>\n\n[//]: # (:documentation-body [!] System label / Системная метка)\n[//]: # (:documentation-body [!] System label / Системная метка)\n\n[//]: # (:documentation-events [!] System label / Системная метка)\n[//]: # (:documentation-events [!] System label / Системная метка)\n\n[//]: # (:documentation-expose [!] System label / Системная метка)\n[//]: # (:documentation-expose [!] System label / Системная метка)\n\n[//]: # (:documentation-slots [!] System label / Системная метка)\n[//]: # (:documentation-slots [!] System label / Системная метка)\n",
+	"DesignComponent.stories.ts": "import type { Meta, StoryObj } from '@storybook/vue3-vite'\n\nimport DesignComponent from './DesignComponent.vue'\n// :component.once import { ComponentWikiStorybook } from './wiki'\n\n// :story-import [!] System label / Системная метка\n// :story-import [!] System label / Системная метка\n\nconst meta = {\n// :component.once   title: '[project]/Component',\n// :component.once   component: DesignComponent,\n// :component.once   parameters: {\n// :component.once     design: '[design]',\n// :component.once     docs: {\n// :component.once       description: {\n// :component.once         component: ComponentWikiStorybook.getDescription()\n// :component.once       }\n// :component.once     }\n// :component.once   },\n// :component.once   argTypes: ComponentWikiStorybook.getWiki(),\n// :component.once   args: ComponentWikiStorybook.getValues()\n} satisfies Meta<typeof DesignComponent>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Component: Story = {\n  // :story-main [!] System label / Системная метка\n  // :story-main [!] System label / Системная метка\n}\n\n// :story-items [!] System label / Системная метка\n// :story-items [!] System label / Системная метка\n",
+	"DesignComponent.vue": "<script setup lang=\"ts\">\n// :component.once import { computed } from 'vue'\n// :component.once import {\n// :component.once   inArray,\n// :component.once   isFilled,\n// :component.once   type ConstrClasses,\n// :component.once   type ConstrStyles\n// :component.once } from '@dxtmisha/functional'\n// :component.once import {\n// :component.once   ComponentDesign,\n// :component.once   type ComponentEmits,\n// :component.once   type ComponentSlots\n// :component.once } from '@dxtmisha/constructor/Component'\n\n// :component.once import { defaults, type ComponentProps, propsValues } from './props'\n// :component.once import './styleToken.scss'\n\n// :component.once defineOptions({\n// :component.once   name: 'DesignComponent'\n// :component.once })\n\n// :component.once const emits = defineEmits<ComponentEmits>()\n// :component.once const props = withDefaults(defineProps<ComponentProps>(), defaults)\n\n// :component.once const classesToken = computed<ConstrClasses>(() => ({\n// :component.once   main: {\n// :component.once     // :classes-values [!] System label / Системная метка\n// :component.once     // :classes-values [!] System label / Системная метка\n// :component.once   }\n// :component.once }))\n// :component.once const stylesToken = computed<ConstrStyles>(() => ({\n// :component.once   // :styles-values [!] System label / Системная метка\n// :component.once   // :styles-values [!] System label / Системная метка\n// :component.once }))\n\n// :component.once const design = new ComponentDesign(\n// :component.once   '[design].[component]',\n// :component.once   props,\n// :component.once   {\n// :component.once     emits,\n// :component.once     classes: classesToken,\n// :component.once     styles: stylesToken\n// :component.once   }\n// :component.once )\n\n// :component.once const render = design.render()\n\n// :component.once defineSlots<ComponentSlots>()\n// :component.once defineExpose(design.expose())\n<\/script>\n\n<!-- :component.once <template> -->\n<!-- :component.once   <render/> -->\n<!-- :component.once </template> -->\n",
+	"DesignComponentAiWiki.vue": "<script setup lang=\"ts\">\n// :component.once import { DxtTestWiki } from '@dxtmisha/test'\n// :component.once import { DesignComponent } from './index'\n// :component.once import { ComponentWikiStorybook } from './wiki'\n\n// :component-import [!] System label / Системная метка\n// :component-import [!] System label / Системная метка\n\ndefineOptions({\n  name: 'DesignComponentAiWiki'\n})\n<\/script>\n\n<!-- :component.once <template> -->\n<!-- :component.once   <DxtTestWiki -->\n<!-- :component.once     design=\"Design\" -->\n<!-- :component.once     :wiki=\"ComponentWikiStorybook\" -->\n<!-- :component.once     :component=\"DesignComponent\" -->\n<!-- :component.once   > -->\n    <!-- :component-render [!] System label / Системная метка -->\n    <!-- :component-render [!] System label / Системная метка -->\n<!-- :component.once   </DxtTestWiki> -->\n<!-- :component.once </template> -->\n\n<style lang=\"scss\"></style>\n",
+	"index.ts": "// :component.once import type { DefineSetupFnComponent, ShortEmitsToObject, SlotsType } from 'vue'\n// :component.once import type { ComponentEmits, ComponentSlots } from '@dxtmisha/constructor/Component'\n\n// :component.once import item from './DesignComponent.vue'\n\n// :component.once import type { ComponentProps } from './props'\n// :component.once export type { ComponentProps } from './props'\n\n// :component.once export const DesignComponent: DefineSetupFnComponent<\n// :component.once   ComponentProps,\n// :component.once   ShortEmitsToObject<ComponentEmits>,\n// :component.once   SlotsType<ComponentSlots>\n// :component.once > = item\n",
+	"props.ts": "// :component.once import { type ComponentPropsBasic, defaultsComponent } from '@dxtmisha/constructor/Component'\n\nexport const propsValues = {\n  // :values [!] System label / Системная метка\n  // :values [!] System label / Системная метка\n}\n\ntype PropsToken = {\n  // :type [!] System label / Системная метка\n  // :type [!] System label / Системная метка\n}\n\n/**\n * Type describing incoming properties/ Тип, описывающий входящие свойства\n */\nexport type ComponentProps = /* :component.once ComponentPropsBasic & */ PropsToken\n\n/**\n * Default value for property/ Значение по умолчанию для свойства\n */\nexport const defaults: object = {\n  /* :component.once ...defaultsComponent, */\n  ...{\n    // :default [!] System label / Системная метка\n    // :default [!] System label / Системная метка\n  }\n}\n",
+	"styleToken.scss": "// :component.once @use \"../../../styles/[project]/properties\";\n@use \"@dxtmisha/styles/properties\" as ui;\n// :component.once @use \"@dxtmisha/constructor/style.scss\" as Component;\n\n@include ui.initDesignBasic('[design].[component]') {\n  // Basic styles for a component\n  // Базовый стили для компонента\n  // :component.once @include Component.mixinComponent;\n\n  // Styles from tokens\n  // Стили из токенов\n  // :style [!] System label / Системная метка\n  // :style [!] System label / Системная метка\n\n  // Here are the user styles\n  // Здесь пользовательские стили\n}\n",
+	"wiki.ts": "// :component.once import { WikiStorybook } from '@dxtmisha/wiki'\n// :component.once import { wiki, wikiDescriptions } from '@dxtmisha/wiki/media'\n\n// :component.once import { ComponentWikiData } from './wikiData'\n\n// :component.once export const ComponentWikiStorybook = new WikiStorybook(\n// :component.once   ComponentWikiData.component,\n// :component.once   ComponentWikiData.props,\n// :component.once   ComponentWikiData.defaults,\n// :component.once   ComponentWikiData.wikiDesign,\n// :component.once   wiki,\n// :component.once   wikiDescriptions\n// :component.once )\n",
+	"wikiData.ts": "// :component.once import { type StorybookProps, type StorybookSlots, type WikiDataItem } from '@dxtmisha/wiki'\n\n// :component.once import { wiki[Design] } from '../../../wiki/wiki'\n// :component.once import { defaults } from './props'\n\n// :component.once const propsNames: StorybookProps = [\n// :component.once   // :propsList [!] System label / Системная метка\n// :component.once   // :propsList [!] System label / Системная метка\n// :component.once ]\n\n// :component.once const slotsNames: StorybookSlots = [\n// :component.once   // :slotsList [!] System label / Системная метка\n// :component.once   // :slotsList [!] System label / Системная метка\n// :component.once ]\n\n// :component.once const eventsNames: StorybookSlots = [\n// :component.once   // :eventsList [!] System label / Системная метка\n// :component.once   // :eventsList [!] System label / Системная метка\n// :component.once ]\n\n// :component.once export const ComponentWikiData: WikiDataItem = {\n// :component.once   component: 'Component',\n// :component.once   props: propsNames,\n// :component.once   slots: slotsNames,\n// :component.once   events: eventsNames,\n// :component.once   defaults,\n// :component.once   wikiDesign: wiki[Design]\n// :component.once }\n"
+}, qn = "properties.json", Jn = "props.ts", Yn = "styleToken.scss", Xn = "DesignComponent.vue", Zn = "DesignComponentAiWiki.vue", Qn = "index.ts", $n = "index.d.ts", er = "wiki.ts", tr = "wikiData.ts", nr = "DesignComponent.stories.ts", rr = "DesignComponent.mdx", ir = class extends En {
+	sample = Kn;
+	mark = "component";
+	dir;
+	propsType;
+	slotsType;
+	eventsType;
+	constructor(r, i = {}) {
+		super(r, i);
+		let a = this.getStructure();
+		this.dir = [
+			e.getRoot(),
+			...n,
+			t.getProjectName(),
+			a.getComponentNameFirst()
+		];
+	}
+	async initMain() {
+		this.makeProperties().makeProps().makeStyle().makeMain().makeIndex().makeWiki().makeWikiData().makeFilePackage().makeLibrary(), await this.makeMainAi(), await this.makeStories(), await this.makeStoriesDocumentation();
+	}
+	makeProperties() {
+		let e = qn;
+		return this.isFile(e) || this.write(e, `{\r\n  "main": "{d.${this.getStructure().getComponentName()}}"\r\n}\r\n`), this;
+	}
+	makeProps() {
+		let e = Jn, t = this.readDefinable(e), n = this.getFileConstructor(e);
+		return t.replaceType(n).replaceDefault().replaceProps().replacePropsValues(), this.write(e, t.get()), this;
+	}
+	makeStyle() {
+		let e = Yn, t = this.readDefinable(e), n = this.getStructure().getStyles();
+		return t.replaceMark("style", n), this.write(e, t.get()), this;
+	}
+	makeMain() {
+		let e = Xn, t = this.readDefinable(e);
+		return t.replaceClassesValues(), t.replaceStylesValues(), this.write(t.getNameFile(e), t.get()), this;
+	}
+	async makeMainAi() {
+		let e = Zn, t = this.readDefinable(e), n = this.getStructure().getDesignFirst(), r = this.getStructure().getComponentNameFirst(), i = this.getStructure().getFullComponentName(), a = await this.getWikiDescription();
+		if (a?.ai) {
+			let e = [];
+			if (a.ai.render) {
+				let n = ye(a.ai.render, r, i);
+				a.ai.render.includes("<button") && (e.push("import { DxtTestButton } from '@dxtmisha/test'"), n = ye(n, "button", "DxtTestButton")), n && t.replaceMark("component-render", [
+					"<template #render=\"{ args, classDemo }\">",
+					n,
+					"</template>"
+				]);
+			}
+			a.ai.import && e.push(...a.ai.import), e.length > 0 && t.replaceMark("component-import", e);
+		}
+		return this.write(t.getNameFile(e), t.get().replace("design=\"Design\"", `design="${n}"`)), this;
+	}
+	makeIndex() {
+		let e = Qn, t = this.readDefinable(e);
+		return this.write(e, t.get()), this;
+	}
+	makeWiki() {
+		let e = er, t = this.readDefinable(e);
+		return this.write(e, t.get()), this;
+	}
+	makeWikiData() {
+		let e = tr, t = this.getPropsList(), n = this.getSlotsList(), r = this.getEventsList(), i = this.readDefinable(e);
+		if (t) {
+			let e = [];
+			t.sort((e, t) => e.name.localeCompare(t.name)).forEach((t) => {
+				let n = t.option, r = "";
+				r += `{ name: '${t.name}', type: '${t.type.replace("| undefined", "").trim()}'`, n && n.length > 0 && (r += `, option: [${n.map((e) => `'${e}'`).join(", ")}]`), r += " }", e.push(r);
+			}), i.replaceMark("propsList", e, ",");
+		}
+		if (n) {
+			let e = [];
+			n.sort((e, t) => e.name.localeCompare(t.name)).forEach((t) => {
+				let n = t.description, r = t.type.replace(/\(props: ([^)]+)\) => any/i, "$1").trim(), i = "";
+				i += `{ name: '${t.name}'`, n && (i += `, description: \`${n}\``), r && r !== "any" && (i += `, properties: [{ name: 'props', type: '${r}' }]`), i += " }", e.push(i);
+			}), i.replaceMark("slotsList", e, ",");
+		}
+		if (r) {
+			let e = [];
+			r.sort((e, t) => e.name.localeCompare(t.name)).forEach((t) => {
+				let n = t.description, r = t.type, i = "";
+				i += `{ name: '${t.name}'`, n && (i += `, description: \`${n}\``), r && r !== "[]" && (i += `, properties: ${r}`), i += " }", e.push(i);
+			}), i.replaceMark("eventsList", e, ",");
+		}
+		return this.write(e, i.get()), this;
+	}
+	async makeStories() {
+		let e = nr, t = this.readDefinable(e), n = await this.getWikiDescription();
+		return n && this.replaceMarkStoriesRender(t, n).replaceMarkStoriesStories(t, n).replaceMarkStoriesImport(t, n), this.write(t.getNameFile(e), t.get()), this;
+	}
+	async makeStoriesDocumentation() {
+		let e = rr, t = this.readDefinable(e), n = (await this.getWikiDescription())?.documentation;
+		return n && this.replaceMarkDocumentation(t, "import", n.import).replaceMarkDocumentation(t, "body", n.body).replaceMarkDocumentation(t, "events", n.events, "Events").replaceMarkDocumentation(t, "expose", n.expose, "Expose").replaceMarkDocumentation(t, "slots", n.slots, "Slots"), this.write(t.getNameFile(e), t.get()), this;
+	}
+	getFileConstructor(e) {
+		let t = [
+			"..",
+			"..",
+			u,
+			this.getStructure().getComponentNameFirst(),
+			e
+		];
+		return this.read(t) ?? "";
+	}
+	getTypescriptPaths() {
+		let t = e.getRootProject(), n = this.getStructure().getComponentNameFirst();
+		if (t) return [
+			t,
+			m,
+			d,
+			u,
+			n
+		];
+	}
+	getTypescriptPathsIndex() {
+		let t = this.getTypescriptPaths();
+		if (t) return e.joinPath([...t, $n]);
+	}
+	getTypescriptPathsType() {
+		let t = this.getTypescriptPaths();
+		if (t) return e.joinPath([...t, "types.d.ts"]);
+	}
+	getPropsList() {
+		if (!this.propsType) {
+			let n = this.getTypescriptPathsIndex(), r = this.getStructure().getComponentNameFirst();
+			if (n) {
+				let i = new Gn(e.joinPath([
+					e.getRoot(),
+					"src",
+					l,
+					t.getProjectName(),
+					r,
+					Jn
+				]), { paths: { [`${ue}/${r}`]: [n] } });
+				this.propsType = i.getType(`${r}Props`)?.props;
+			}
+		}
+		return this.propsType;
+	}
+	getSlotsList() {
+		if (!this.slotsType) {
+			let e = this.getTypesFromConstructor("Slots");
+			e && (this.slotsType = e);
+		}
+		return this.slotsType;
+	}
+	getEventsList() {
+		if (!this.eventsType) {
+			let e = this.getTypesFromConstructor("Emits");
+			e && (this.eventsType = y(e, (e) => ({
+				name: e.name,
+				type: String(e.type).replace(/([^:,[\] ]+): ([^:,[\]]+)/gi, "{ name: '$1', type: '$2' }").replace(/,{/gi, ", {"),
+				description: e.description
+			})));
+		}
+		return this.eventsType;
+	}
+	async getWikiDescription() {
+		let e = this.getStructure().getComponentNameFirst();
+		try {
+			let { wikiDescriptions: t } = await import("@dxtmisha/wiki/media");
+			return t.find((t) => t.name === e);
+		} catch {
+			return;
+		}
+	}
+	getStoriesComponentsImport(e) {
+		if (e.stories) {
+			let t = [];
+			return e.stories.forEach((e) => {
+				e.components && e.components.forEach((e) => {
+					t.push(e);
+				});
+			}), t;
+		}
+		return [];
+	}
+	getTypesFromConstructor(e) {
+		let t = this.getTypescriptPathsType(), n = this.getStructure().getComponentNameFirst();
+		if (t) return new Gn(t).getType(`${n}${e}`)?.props;
+	}
+	toComponentName(e) {
+		let t = this.getStructure().getDesignFirst(), n = this.getStructure().getComponentName(), r = this.getStructure().getFullComponentName();
+		return e.replace(/DesignComponent/g, r).trim().replace(/design-component/g, `${E(t)}-${E(n)}`).trim().replace(/<(\/?)Design/g, `<$1${t}`);
+	}
+	replaceMarkStoriesRender(e, t) {
+		if (t.render) {
+			let n = this.getStructure().getFullComponentName();
+			e.replaceMark("story-main", [
+				"render: (args: any) => ({",
+				`  components: { ${n} },`,
+				"  setup: () => ({ args }),",
+				"  template: `",
+				`    ${this.toComponentName(t.render.trim())}`,
+				"  `",
+				"})"
+			]);
+		}
+		return this;
+	}
+	replaceMarkStoriesImport(e, t) {
+		let n = this.getStructure().getDesignFirst(), r = [];
+		return this.getStoriesComponentsImport(t).forEach((e) => {
+			let t = `${n}${e}`;
+			r.push(`import ${t} from '../${e}/${t}.vue'`);
+		}), t.import && r.push(...t.import), e.replaceMark("story-import", r), this;
+	}
+	replaceMarkStoriesStories(e, n) {
+		if (n.stories) {
+			let r = t.getWikiLanguage(), i = this.getStructure().getDesignFirst(), a = this.getStructure().getFullComponentName(), o = [], s = this.getPropsList();
+			n.stories.forEach((e) => {
+				if (s && e.propsName && !T(e.propsName).every((e) => s.some((t) => t.name === e))) return;
+				let t = e.components && y(e.components, (e) => `${i}${e}`), n = this.toComponentName(e.template);
+				o.push(`export const ${e.id}: Story = {`), S(e.name) && e.name?.[r] && o.push(`  name: '${e.name?.[r]}',`), o.push("  render: () => ({"), o.push(`    components: { ${a}${t ? `, ${t.join(", ")}` : ""} },`), e.setup && (o.push("    setup() {"), o.push(`      ${e.setup.trim()}`), o.push("    },")), o.push("    template: `"), o.push(`        ${n}`), o.push("    `"), o.push("  })"), o.push("}");
+			}), e.replaceMark("story-items", o);
+		}
+		return this;
+	}
+	replaceMarkDocumentation(e, t, n, r) {
+		if (n) {
+			let i = this.getStructure().getComponentNameFirst(), a = this.getStructure().getFullComponentName(), o = [], s = this.getPropsList();
+			r && o.push(`## ${r}`), o.push(n.replace(/<template prop="([^"]+)">([\S\s]*?)<\/template>/gi, (e, t, n) => s?.some((e) => e.name === t) ? n.trim() : "").replace(/* @__PURE__ */ RegExp("DesignComponent", "g"), a).replace(/* @__PURE__ */ RegExp("Component", "g"), i)), e.replaceMark(`documentation-${t}`, o);
+		}
+		return this;
+	}
+	makeFilePackage() {
+		let e = `./${this.getFullName()}`;
+		return this.updatePackage(`exports|${e}`, {
+			types: `./dist/library/${this.getFullName()}.d.ts`,
+			default: `./dist/library/${this.getFullName()}.js`
+		}), this;
+	}
+	makeLibrary() {
+		let t = `../${l}/${this.getProjectName()}/${this.getName()}/`, n = this.getFullName();
+		return e.writeByPath([...a, `${n}.ts`], `// This file is generated by a script, do not edit.
+// Этот файл генерируется скриптом, не редактировать.
+
+export * from '${t}index.js'
+`), this;
+	}
+}, ar = class {
+	items;
+	constructor() {
+		this.items = this.initItems();
+	}
+	get() {
+		return this.items;
+	}
+	getComponentList() {
+		let e = [];
+		return this.items.forEach((t) => e.push(...t.components)), e;
+	}
+	getCount() {
+		return this.getComponentList().length;
+	}
+	getComponentsPath() {
+		return [...n, t.getProjectName()];
+	}
+	write(t, n, r = "ts") {
+		let i = r === "json" ? n : [
+			"// This file is generated by a script, do not edit.",
+			"// Этот файл генерируется скриптом, не редактировать.",
+			"",
+			...n,
+			""
+		];
+		e.write(a, t, i.join("\r\n"), r);
+	}
+	getComponents() {
+		let n = [], r = e.readDir(this.getComponentsPath()), i = t.getDesignName();
+		return r.forEach((t) => {
+			if (e.isDir(t)) {
+				let e = O(t).trim();
+				n.push({
+					name: e,
+					design: i,
+					alias: `${i}.${e}`,
+					codeFull: D(`${i}-${e}`),
+					dir: t
+				});
+			}
+		}), n;
+	}
+	initItems() {
+		return [{
+			name: t.getDesignName(),
+			components: this.getComponents()
+		}];
+	}
+}, or = class {
+	items;
+	constructor(e) {
+		this.items = e;
+	}
+	init() {
+		let e = X.addSpace(1), t = [":root {"];
+		return this.getList().forEach((n) => t.push(...new dn(n, e).make())), t.push("}"), [
+			X.addImportProperties(),
+			"",
+			this.initCalc(t.join("\r\n"))
+		];
+	}
+	getList() {
+		return this.items.findCategory(v.root);
+	}
+	getValue(e) {
+		if (e.match(/calc\(/) && !e.match(/var\(/)) {
+			let t = Ce.compileString(`a{height: ${e};}`).css?.match(/height: ([^;]+);/)?.[1];
+			if (t) return t;
+		}
+		return e;
+	}
+	initCalc(e) {
+		let t = !1, n = e.replace(/(?<=calc\(.*?)var\(([^)]+)\)/gim, (n, r) => {
+			let i = e.match(RegExp(`(?<=${r}:)[^;\r\n]+`, "im"))?.[0].trim();
+			return i ? (t = !0, this.getValue(i)) : r;
+		});
+		return t ? this.initCalc(n) : n.replace(/calc\([^;\r\n]+/gi, (e) => this.getValue(e));
+	}
+}, sr = class {
+	items;
+	constructor(e) {
+		this.items = e;
+	}
+	init() {
+		let e = [], t = {}, n = X.addSpace(1);
+		return this.getList().forEach((r) => {
+			let { value: i, item: a } = r;
+			if (x(i) && S(i)) {
+				let i = a[g.name];
+				e.push(X.addUse(`./classes/${O(i)}`)), t[i] = [
+					X.addImportProperties(),
+					"",
+					`.${i} {`,
+					...new Sn(n, r).make(),
+					"}"
+				];
+			}
+		}), {
+			data: e,
+			classes: t
+		};
+	}
+	getList() {
+		return this.items.findCategory([v.class, v.theme]);
+	}
+}, cr = "vars", lr = "classes", $ = "properties", ur = "list", dr = "basic", fr = "style", pr = "main", mr = "classes", hr = class {
+	properties;
+	constructor() {
+		this.properties = new on();
+	}
+	make() {
+		return this.getByDesigns((e, t) => {
+			this.initRoot(t), this.initClasses(t), this.initProperties(t), this.initList(t), this.initBasic(e);
+		}), this;
+	}
+	initRoot(t) {
+		let n = X.join(new or(t).init());
+		return e.write(X.getDir(), cr, n, p), this;
+	}
+	initClasses(t) {
+		let { data: n, classes: r } = new sr(t).init();
+		return y(r, (t, n) => {
+			e.write([...X.getDir(), mr], n, X.join(t), p);
+		}), e.write(X.getDir(), lr, X.join(n), p), this;
+	}
+	initProperties(t) {
+		let n = new rn(t);
+		return e.write(X.getDir(), $, n.get(), p), this;
+	}
+	initList(t) {
+		return e.write(X.getDir(), ur, this.removeExcess(t.get())), this;
+	}
+	initBasic(t) {
+		let n = X.getDir();
+		return e.write(n, dr, [
+			`@use "./${cr}";`,
+			`@use "./${$}";`,
+			`@use "./${lr}";`
+		].join("\r\n"), p), e.write(n, fr, [
+			"@use \"@dxtmisha/styles\" as variables;",
+			`@use "./${$}";`,
+			"",
+			`@forward "@dxtmisha/styles/${$}";`,
+			"",
+			`@include variables.setDesignsDesign('${t}');`,
+			""
+		].join("\r\n"), p), e.is([...n, `${pr}.scss`]) || e.write(n, pr, [
+			`@use "./${dr}";`,
+			`@use "@dxtmisha/styles/${$}" as ui;`,
+			"@use \"@dxtmisha/media/style.css\";",
+			"",
+			"@include ui.initGlobal;",
+			`@include ui.initDesignBody('${t}.main');`
+		].join("\r\n"), p), this;
+	}
+	getByDesigns(e) {
+		let t = this.properties.get().get();
+		this.properties.get().getDesigns().forEach((n) => {
+			n !== "d" && e(n, new P(t).setFocusDesign(n));
+		});
+	}
+	removeExcess(e) {
+		let t = {};
+		return y(e, (e, n) => {
+			if (e[g.variable] === _.var || S(e.value)) {
+				let r = S(e.value) ? this.removeExcess(e.value) : e.value;
+				x(r) && (t[n] = {
+					name: e[g.name],
+					type: e[g.variable],
+					value: r
+				});
+			}
+		}), t;
+	}
+}, gr = class {
+	make() {
+		this.initWikiFile();
+	}
+	initWikiFile() {
+		if (!e.is([...c, "wiki.ts"])) {
+			let n = t.getDesignName();
+			e.write(c, ie, [
+				"import type { StorybookArgsToList } from '@dxtmisha/wiki'",
+				"",
+				`export const wiki${D(n)}: StorybookArgsToList = {}`,
+				""
+			].join("\r\n"), "ts");
+		}
+	}
+}, _r = class {
+	item;
+	constructor(e) {
+		this.item = e;
+	}
+	isAiWiki() {
+		return e.is(this.getPath());
+	}
+	getCode() {
+		return this.item.codeFull;
+	}
+	getComponentFileNameAiWiki() {
+		return `${this.item.codeFull}AiWiki.vue`;
+	}
+	getImport() {
+		return `import ${this.item.codeFull} from '${[
+			"..",
+			"..",
+			...this.getPath()
+		].join("/")}'`;
+	}
+	getPath() {
+		return [
+			...n,
+			t.getProjectName(),
+			this.item.dir,
+			this.getComponentFileNameAiWiki()
+		];
+	}
+}, vr = class {
+	items;
+	constructor(e) {
+		this.items = e;
+	}
+	make() {
+		this.makeList(), this.makeComponent();
+	}
+	getFileList() {
+		return "ai-list";
+	}
+	getList() {
+		let e = [];
+		return this.items.getComponentList().forEach((t) => {
+			let n = new _r(t);
+			n.isAiWiki() && e.push(n);
+		}), e;
+	}
+	makeList() {
+		let e = this.getList(), t = [], n = [];
+		console.log("Ai wiki:", e.length, "components"), e.forEach((e) => {
+			t.push(e.getImport()), n.push(`  ${e.getCode()}`);
+		}), this.items.write(this.getFileList(), [
+			...t,
+			"",
+			"export const aiList: any[] = [",
+			n.join(",\r\n"),
+			"]"
+		], "wiki.ts");
+	}
+	makeComponent() {
+		e.writeByPath([...n, "AiWiki.vue"], `<script setup lang="ts">
+// This file is generated by a script, do not edit.
+
+import { DxtTestPage, DxtTestWikiAnchor, DxtTestWikiHide } from '@dxtmisha/test'
+import { aiList } from '../library/${this.getFileList()}.wiki'
+
+defineOptions({
+  name: 'AiWiki'
+})
+<\/script>
+
+<template>
+  <DxtTestPage
+    title="List of available UI components"
+    description="Below is a list of Vue 3 components available in the UI. These components are available immediately and do not need to be imported."
+  >
+    <DxtTestWikiHide/>
+    <DxtTestWikiAnchor :list="aiList"/>
+    <component
+      v-for="(item, key) in aiList"
+      :key="key"
+      :is="item"
+    />
+  </DxtTestPage>
+</template>
+`);
+	}
+}, yr = class {
+	items;
+	constructor(e) {
+		this.items = e;
+	}
+	make() {
+		let e = D(t.getProjectName()), n = E(t.getDesignName());
+		this.getIconImport().length > 0 && this.items.write(te, [
+			"import { Icons } from '@dxtmisha/functional'",
+			"",
+			...this.initIconImport(),
+			"",
+			`export const ${n}MakeIcons = (): void => {`,
+			...this.initIcon(),
+			"}"
+		]), this.items.write(re, [`import '../styles/${e}/main.scss'`]);
+	}
+	getIconImport() {
+		let t = [], n = [e.getRoot(), ...i];
+		return e.is(n) && e.readDirRecursive(n).forEach((e) => {
+			let n = e.replace("/", "-");
+			t.push({
+				name: E(this.getIconName(n)),
+				path: this.getIconPath(e),
+				value: this.getIconName(n)
+			});
+		}), t;
+	}
+	getIconName(e) {
+		return e.replace(/\.[^.]+$/, "");
+	}
+	getIconPath(t) {
+		return e.joinPath([
+			".",
+			"..",
+			"..",
+			...i,
+			t
+		]);
+	}
+	initIcon() {
+		let e = [];
+		return this.getIconImport().forEach((t) => {
+			e.push(`  Icons.add('${t.value}', ${t.name})`);
+		}), e;
+	}
+	initIconImport() {
+		let e = [];
+		return this.getIconImport().forEach((t) => {
+			e.push(`const ${t.name} = async () => (await import('${t.path}'))?.default`);
+		}), e;
+	}
+}, br = class {
+	items;
+	packageName;
+	constructor(e) {
+		this.items = e, this.packageName = h()?.name;
+	}
+	make() {
+		let e = this.getComponents(), n = this.getComponentsReg();
+		return this.items.write(ee, [
+			"import type { PluginComponentImports } from '@dxtmisha/constructor/plugin'",
+			"",
+			`// count: ${this.items.getCount()}`,
+			`export const designName: string = '${t.getDesignName()}'`,
+			`export const packageName: string = '${this.packageName}'`,
+			`export const componentsReg: RegExp = ${n}`,
+			`export const styleVarsReg: RegExp = ${this.getVarsReg()}`,
+			"",
+			"export const componentsList: PluginComponentImports = [",
+			e.join(",\r\n"),
+			"]"
+		]), this;
+	}
+	getComponents() {
+		let e = [];
+		return this.packageName && y(this.items.getComponentList(), (t) => {
+			e.push(`  {
+    name: '${t.codeFull}',
+    reg: ${this.getReg([t.name], !0)}
+  }`);
+		}), e;
+	}
+	getComponentsReg() {
+		let e = y(this.items.getComponentList(), (e) => e.name);
+		return this.getReg(e);
+	}
+	getDesigns() {
+		return [t.getDesignName(), ...t.getDesignAlternativeName() ?? []];
+	}
+	getReg(e, t = !1) {
+		let n = `((${this.getDesigns().join("|")})-?(${this.getRegName(e)}))`;
+		return n = t ? `^${n}$` : `${n}(?![\\w-])`, `/${n}/ig`;
+	}
+	getRegName(e) {
+		return y(e, (e) => O(e).replace("-", "-?")).join("|");
+	}
+	getVars() {
+		let n = E(t.getDesignName()), r = [
+			...o,
+			t.getProjectName(),
+			"vars.scss"
+		], i = e.readFileOnly(r), a = [];
+		if (i) {
+			let e = i.match(/(?<=--)[^: ]+(?=:)/g);
+			e && e.forEach((e) => {
+				let t = e.match(/^([^-]+)-(.*?)$/);
+				if (t && t?.[1] === n && t?.[2]) {
+					let e = t[2].split("-");
+					e.length > 2 && e.pop(), a.push(e.join("-"));
+				}
+			});
+		}
+		return Se(a);
+	}
+	getVarsReg() {
+		return `/(?<=var\\(--)(${this.getVars().join("|")})/ig`;
+	}
+}, xr = class {
+	items;
+	constructor(e) {
+		this.items = e;
+	}
+	make() {
+		let e = t.getDesignName();
+		return this.items.write(ne, [
+			"import type { Plugin as VitePlugin } from 'vite'",
+			"import { type PluginOptions, Plugin } from '@dxtmisha/constructor/plugin'",
+			"",
+			"import {",
+			"  componentsList,",
+			"  componentsReg,",
+			"  designName,",
+			"  packageName,",
+			"  styleVarsReg",
+			"} from './design'",
+			"",
+			"/**",
+			" * Initializes the Vite plugin for the design system.",
+			" *",
+			" * Инициализирует плагин Vite для дизайн-системы.",
+			" * @param options plugin options / настройки плагина",
+			" */",
+			`export function ui${D(e)}VitePlugin(`,
+			"  options: PluginOptions = {}",
+			"): VitePlugin {",
+			"  return new Plugin(",
+			"    designName,",
+			"    packageName,",
+			"    componentsReg,",
+			"    styleVarsReg,",
+			"    componentsList,",
+			`    'vite-plugin-${O(e)}-ui',`,
+			"    options",
+			"  )",
+			"    .init()",
+			"}"
+		]), this;
+	}
+}, Sr = class {
+	items;
+	constructor(e) {
+		this.items = e;
+	}
+	make() {
+		this.items.write("types", [
+			...this.initImports(),
+			"",
+			"declare module '@vue/runtime-core' {",
+			"  export interface GlobalComponents {",
+			...this.initGlobalComponentsVue(),
+			"  }",
+			"}"
+		]);
+	}
+	getPathComponent(e) {
+		return `../components/${t.getProjectName()}/${e.dir}`;
+	}
+	initImports() {
+		let e = [];
+		return this.items.getComponentList().forEach((t) => {
+			e.push(`import _${t.codeFull} from '${this.getPathComponent(t)}/${t.codeFull}.vue'`);
+		}), e;
+	}
+	initExports() {
+		let e = [];
+		return this.items.getComponentList().forEach((t) => {
+			e.push(`  ${t.codeFull}: _${t.codeFull}`);
+		}), e.join(",\r\n");
+	}
+	initIncludeVueComponents() {
+		let e = [];
+		return this.items.getComponentList().forEach((t) => {
+			e.push(`    app.component('${t.codeFull}', _${t.codeFull})`);
+		}), e;
+	}
+	initGlobalComponentsVue() {
+		let e = [];
+		return this.items.getComponentList().forEach((t) => {
+			e.push(`    ${t.codeFull}: typeof _${t.codeFull}`);
+		}), e;
+	}
+}, Cr = class {
+	name;
+	components;
+	constructor(e = "") {
+		this.name = e, this.components = new ar();
+	}
+	get component() {
+		return O(this.name).trim();
+	}
+	async make() {
+		M.clear(), new hr().make(), new gr().make(), await this.makeConstructorComponent(), this.makePackage().makeUiProperties(), new yr(this.components).make(), new br(this.components).make(), new xr(this.components).make(), new vr(this.components).make(), new Sr(this.components).make();
+	}
+	async makeConstructorComponent() {
+		let e = this.component;
+		if (e !== "") await new ir(e).make();
+		else for (let e of this.components.getComponentList()) console.log(`Component update: ${e.alias}`), await new ir(e.name).make();
+		return this;
+	}
+	makePackage() {
+		let n = h(), r = D(t.getProjectName());
+		return n?.exports && (n.exports["."] = {
+			types: "./dist/library/types.d.ts",
+			default: "./dist/library/types.js"
+		}, n.exports["./plugin"] = {
+			types: "./dist/library/plugin.d.ts",
+			default: "./dist/library/plugin.js"
+		}, n.exports["./media"] = {
+			types: "./dist/library/media.d.ts",
+			default: "./dist/library/media.js"
+		}, n.exports["./style.css"] = `./dist/styles/${r}/main.css`, n.exports["./style/ui.scss"] = `./src/styles/${r}/main.scss`, n.exports["./ui-properties"] = {
+			sass: "./ui-properties.scss",
+			default: "./ui-properties.scss"
+		}, n.exports["./types.d.ts"] = "./dist/library/types.d.ts", n["web-types"] = "./dist/web-types.json", n.main = "./dist/library/types.js", n.module = "./dist/library/types.js", n.types = "./dist/library/types.d.ts", n.sideEffects = [
+			"*.css",
+			"*.scss",
+			"**/*.css",
+			"**/*.scss"
+		], e.writeByPath(ae, n)), this;
+	}
+	makeUiProperties() {
+		let n = D(t.getProjectName());
+		return e.writeByPath(se, `@forward "./src/styles/${n}/style.scss";`), this;
+	}
+}, wr = /^(boolean|number|string|null|any|void|object|unknown|never)$/, Tr = class {
+	project;
+	path;
+	data;
+	wiki;
+	dataComponent;
+	constructor(e, t, n) {
+		this.project = e, this.path = t, this.data = n;
+	}
+	async get() {
+		if (this.wiki) {
+			let e = `${D(t.getDesignName())}${this.wiki.getName()}`, n = {
+				name: e,
+				description: this.wiki.getDescription(),
+				source: {
+					module: `${this.project}/${e}`,
+					symbol: e
+				},
+				props: this.getProps()
+			}, r = await this.getSlots();
+			r && (n.slots = r);
+			let i = await this.getEvents();
+			return i && i.length > 0 && (n.js = { events: i }), n;
+		}
+	}
+	getProp(e) {
+		let t = this.prepareType(e.getType()), n = t ? this.cleanType(t) : void 0;
+		return {
+			name: e.getName(),
+			description: e.getDescription(),
+			default: e.getDefaultValue() ?? void 0,
+			type: n
+		};
+	}
+	getProps() {
+		let e = [];
+		return this.wiki && this.wiki.getWikiObject().forEach((t) => e.push(this.getProp(t))), e;
+	}
+	async getSlots() {
+		let e = await this.getData();
+		if (e && e.slots) {
+			let t = [];
+			return e.slots.forEach((e) => {
+				let n = (e.properties ?? []).map((e) => ({
+					name: e.name,
+					type: e.type ? this.cleanType(e.type) : void 0,
+					description: e.description
+				}));
+				t.push({
+					name: e.name,
+					description: e.description,
+					"vue-properties": n
+				});
+			}), t;
+		}
+	}
+	async getEvents() {
+		let e = await this.getData();
+		if (e && e.events) {
+			let t = [];
+			return e.events.forEach((e) => {
+				let n = "() => void";
+				e.properties && e.properties.length > 0 && (n = `(${e.properties.map((e) => `${e.name}: ${e.type ? this.cleanType(e.type) : "any"}`).join(", ")}) => void`), t.push({
+					name: e.name,
+					description: e.description,
+					type: n
+				});
+			}), t;
+		}
+	}
+	getDirName() {
+		return this.data.dir;
+	}
+	async init() {
+		return this.wiki = await this.initWiki(), this;
+	}
+	async getData() {
+		if (!this.dataComponent) {
+			let t = this.getPaths(["wikiData.ts"]);
+			if (e.is(t)) try {
+				let e = await import(t.join("/"));
+				this.dataComponent = Object.values(e).find((e) => "component" in e);
+			} catch (e) {
+				console.error(t, e);
+			}
+		}
+		return this.dataComponent;
+	}
+	getDirs() {
+		return [
+			".",
+			...this.path,
+			this.getDirName()
+		];
+	}
+	getPaths(e) {
+		return [...this.getDirs(), ...e];
+	}
+	prepareType(e) {
+		return e && y(e.split("|"), (e) => {
+			let t = e.trim();
+			if (t !== "undefined") return wr.test(t) ? t : `'${t}'`;
+		}).join(" | ");
+	}
+	cleanType(e) {
+		return e.replace(/^\(([^()]+)\)$/, "$1").replace(/^\(([^()]+)\)\s*\|\s*undefined$/, "$1 | undefined").trim();
+	}
+	async initWiki() {
+		let e = await this.getData();
+		if (e) {
+			let { WikiStorybook: t } = await import("@dxtmisha/wiki"), { wiki: n, wikiDescriptions: r } = await import("@dxtmisha/wiki/media");
+			return new t(e.component, e.props, e.defaults, e.wikiDesign, n, r);
+		}
+	}
+}, Er = class {
+	dir;
+	components;
+	constructor(e = "dist") {
+		this.dir = e, me.setErrorStatus(!0), this.components = new ar();
+	}
+	async make() {
+		let n = h();
+		if (console.log("[DesignWikiStorm] make"), n) {
+			let r = {
+				$schema: "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+				framework: "vue",
+				name: D(t.getDesignName()),
+				version: n.version,
+				"js-types-syntax": "typescript",
+				contributions: { html: {
+					"description-markup": "markdown",
+					"vue-components": await this.getComponents()
+				} }
+			};
+			e.writeByPath([this.dir, "web-types.json"], r);
+		}
+	}
+	async getComponents() {
+		let e = h(), t = [];
+		if (e) for (let n of this.components.getComponentList()) {
+			let r = new Tr(e.name, this.components.getComponentsPath(), n);
+			await r.init();
+			let i = await r.get();
+			i && t.push(i);
+		}
+		return t;
+	}
+};
+//#endregion
+export { Ee as ComponentCreator, Ln as DesignConstructors, Wn as DesignFlags, Cr as DesignUi, Er as DesignWikiStorm, pe as PackageInit };