@tenphi/tasty 0.1.0

package/dist/types.d.ts

@@ -0,0 +1,182 @@
+import { Styles } from "./styles/types.js";
+import { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from "./styles/list.js";
+import { AllHTMLAttributes, CSSProperties, ComponentType } from "react";
+
+//#region src/types.d.ts
+interface GlobalStyledProps {
+  breakpoints?: number[];
+}
+/**
+ * Extensible interface for theme names.
+ * Augment this interface to register project-specific theme names for autocomplete.
+ *
+ * @example
+ * ```typescript
+ * declare module '@tenphi/tasty' {
+ *   interface TastyThemeNames {
+ *     danger: true;
+ *     success: true;
+ *   }
+ * }
+ * ```
+ */
+interface TastyThemeNames {}
+type ThemeNameKey = Extract<keyof TastyThemeNames, string>;
+type ThemeName = [ThemeNameKey] extends [never] ? string : ThemeNameKey;
+/** Allowed mod value types */
+type ModValue = boolean | string | number | undefined | null;
+/**
+ * Type for element modifiers (mods prop).
+ * Can be used as a generic to define known modifiers with autocomplete:
+ * @example
+ * type ButtonMods = Mods<{
+ *   loading?: boolean;
+ *   selected?: boolean;
+ * }>;
+ */
+type Mods<T extends Record<string, ModValue> = Record<string, ModValue>> = T & Record<string, ModValue>;
+/**
+ * Token value: string or number (processed), boolean for special handling, undefined/null (skipped).
+ * For color tokens (#name), boolean `true` is converted to `transparent`.
+ * For non-color tokens ($name), boolean `true` results in an empty string value.
+ * Boolean `false` results in no CSS output (token is skipped).
+ */
+type TokenValue = string | number | boolean | undefined | null;
+/**
+ * Tokens definition for inline CSS custom properties.
+ * - `$name` keys become `--name` CSS properties
+ * - `#name` keys become `--name-color` and `--name-color-rgb` CSS properties
+ */
+type Tokens = Record<`$${string}` | `#${string}`, TokenValue>;
+type Caps = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
+interface BasePropsWithoutChildren<K extends TagName = TagName> extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
+  /** The HTML tag or React component to render as */
+  as?: K | ComponentType<any>;
+  /** QA ID for e2e testing. An alias for `data-qa` attribute. */
+  qa?: string;
+  /** QA value for e2e testing. An alias for `data-qaval` attribute. */
+  qaVal?: string | number;
+  /** Inner element name */
+  element?: `${Caps}${string}`;
+  /** The style map */
+  styles?: Styles;
+  /** The list of responsive points in pixels */
+  breakpoints?: number[];
+  /** Whether the element has the block layout outside */
+  block?: boolean;
+  /** Whether the element has the inline layout outside */
+  inline?: boolean;
+  /** The list of element modifiers **/
+  mods?: Mods;
+  /** Whether the element is hidden (`hidden` attribute is set) */
+  isHidden?: boolean;
+  /** Whether the element is disabled (`disabled` attribute is set) */
+  isDisabled?: boolean;
+  /** Plain css for the element */
+  css?: string;
+  /** The CSS style map */
+  style?: CSSProperties | (CSSProperties & Record<string, string | number | null | undefined>);
+  /** User-defined theme for the element. Mapped to `data-theme` attribute. Augment `TastyThemeNames` to register project-specific themes for autocomplete. */
+  theme?: ThemeName | (string & {});
+  /** CSS custom property tokens rendered as inline styles */
+  tokens?: Tokens;
+}
+interface BaseProps<K extends TagName = TagName> extends BasePropsWithoutChildren<K>, Pick<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'children'> {}
+interface AllBaseProps<K extends TagName = TagName> extends BaseProps<K>, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'disabled' | 'hidden' | 'css' | 'content' | 'translate' | 'as' | 'form' | 'bgcolor' | 'background' | 'align' | 'border' | 'color' | 'height' | 'size' | 'width' | 'prefix'> {}
+type BaseStyleProps = Pick<Styles, (typeof BASE_STYLES)[number]>;
+type PositionStyleProps = Pick<Styles, (typeof POSITION_STYLES)[number]>;
+type BlockStyleProps = Pick<Styles, (typeof BLOCK_STYLES)[number]>;
+type BlockInnerStyleProps = Pick<Styles, (typeof BLOCK_INNER_STYLES)[number]>;
+type BlockOuterStyleProps = Pick<Styles, (typeof BLOCK_OUTER_STYLES)[number]>;
+type ColorStyleProps = Pick<Styles, (typeof COLOR_STYLES)[number]>;
+type TextStyleProps = Pick<Styles, (typeof TEXT_STYLES)[number]>;
+type DimensionStyleProps = Pick<Styles, (typeof DIMENSION_STYLES)[number]>;
+type FlowStyleProps = Pick<Styles, (typeof FLOW_STYLES)[number]>;
+type ContainerStyleProps = Pick<Styles, (typeof CONTAINER_STYLES)[number]>;
+type OuterStyleProps = Pick<Styles, (typeof OUTER_STYLES)[number]>;
+interface ShortGridStyles {
+  template?: Styles['gridTemplate'];
+  columns?: Styles['gridColumns'];
+  rows?: Styles['gridRows'];
+  areas?: Styles['gridAreas'];
+}
+type Props = Record<string, any>;
+type TagName = keyof HTMLElementTagNameMap;
+/**
+ * Configuration type for tasty.config.ts files.
+ * Used by the Tasty VSCode extension for validation and autocomplete.
+ *
+ * @example
+ * ```typescript
+ * import type { TastyExtensionConfig } from '@tenphi/tasty';
+ *
+ * const config: TastyExtensionConfig = {
+ *   tokens: ['#primary', '#danger', '$spacing'],
+ *   units: ['x', 'r', 'bw'],
+ *   states: ['@mobile', '@tablet', '@dark'],
+ *   presets: ['h1', 'h2', 't1', 't2'],
+ * };
+ *
+ * export default config;
+ * ```
+ */
+interface TastyExtensionConfig {
+  /**
+   * Extend another config file. Path is relative to this config file.
+   * The extended config is merged first, then this config's values are added.
+   * @example '../tasty.config.ts'
+   */
+  extends?: string;
+  /**
+   * Valid token names for validation and autocomplete.
+   * Use # prefix for colors, $ prefix for custom properties.
+   * Set to `false` to disable token validation (overrides parent).
+   * @example ['#primary', '#danger', '$spacing', '$gap']
+   */
+  tokens?: false | string[];
+  /**
+   * Valid custom unit names.
+   * Set to `false` to disable unit validation (overrides parent).
+   * @example ['x', 'r', 'bw', 'cols']
+   */
+  units?: false | string[];
+  /**
+   * Valid custom function names.
+   * Set to `false` to disable function validation (overrides parent).
+   * @example ['clamp', 'double']
+   */
+  funcs?: false | string[];
+  /**
+   * State alias names for autocomplete.
+   * Must start with @ prefix.
+   * @example ['@mobile', '@tablet', '@dark']
+   */
+  states?: string[];
+  /**
+   * Valid preset names for the `preset` style property.
+   * Tasty has no built-in presets - they are project-specific.
+   * @example ['h1', 'h2', 'h3', 't1', 't2', 't3', 'tag']
+   */
+  presets?: string[];
+  /**
+   * Custom style property names added via configure({ handlers }).
+   * Suppresses "unknown property" warnings for these names.
+   * @example ['myGradient', 'customLayout', 'brandBorder']
+   */
+  styles?: string[];
+  /**
+   * Descriptions for presets, shown on hover in the extension.
+   * Maps preset names to human-readable descriptions.
+   * @example { h1: 'Heading 1 (36px/44px, semibold)', t1: 'Text large (18px/24px)' }
+   */
+  presetDescriptions?: Record<string, string>;
+  /**
+   * Descriptions for state aliases, shown on hover in the extension.
+   * Maps state names to human-readable descriptions.
+   * @example { '@mobile': 'Mobile viewport (width < 768px)' }
+   */
+  stateDescriptions?: Record<string, string>;
+}
+//#endregion
+export { AllBaseProps, BaseProps, BasePropsWithoutChildren, BaseStyleProps, BlockInnerStyleProps, BlockOuterStyleProps, BlockStyleProps, ColorStyleProps, ContainerStyleProps, DimensionStyleProps, FlowStyleProps, GlobalStyledProps, ModValue, Mods, OuterStyleProps, PositionStyleProps, Props, ShortGridStyles, TagName, TastyExtensionConfig, TastyThemeNames, TextStyleProps, TokenValue, Tokens };
+//# sourceMappingURL=types.d.ts.map

package/dist/utils/cache-wrapper.js

@@ -0,0 +1,26 @@
+//#region src/utils/cache-wrapper.ts
+/**
+* Create a function that caches the result up to the limit.
+*/
+function cacheWrapper(handler, limit = 1e3) {
+	const cache = /* @__PURE__ */ new Map();
+	let count = 0;
+	return (firstArg, secondArg) => {
+		const key = typeof firstArg === "string" && secondArg == null ? firstArg : JSON.stringify([firstArg, secondArg]);
+		let result = cache.get(key);
+		if (result === void 0) {
+			if (count > limit) {
+				cache.clear();
+				count = 0;
+			}
+			count++;
+			result = secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
+			cache.set(key, result);
+		}
+		return result;
+	};
+}
+
+//#endregion
+export { cacheWrapper };
+//# sourceMappingURL=cache-wrapper.js.map

package/dist/utils/cache-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache-wrapper.js","names":[],"sources":["../../src/utils/cache-wrapper.ts"],"sourcesContent":["/**\n * Create a function that caches the result up to the limit.\n */\nexport function cacheWrapper<A, B, R>(\n  handler: (firstArg: A, secondArg?: B) => R,\n  limit = 1000,\n): (firstArg: A, secondArg?: B) => R {\n  const cache = new Map<string, R>();\n  let count = 0;\n\n  return (firstArg: A, secondArg?: B) => {\n    const key =\n      typeof firstArg === 'string' && secondArg == null\n        ? firstArg\n        : JSON.stringify([firstArg, secondArg]);\n\n    let result = cache.get(key);\n    if (result === undefined) {\n      if (count > limit) {\n        cache.clear();\n        count = 0;\n      }\n      count++;\n      result =\n        secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);\n      cache.set(key, result);\n    }\n    return result;\n  };\n}\n"],"mappings":";;;;AAGA,SAAgB,aACd,SACA,QAAQ,KAC2B;CACnC,MAAM,wBAAQ,IAAI,KAAgB;CAClC,IAAI,QAAQ;AAEZ,SAAQ,UAAa,cAAkB;EACrC,MAAM,MACJ,OAAO,aAAa,YAAY,aAAa,OACzC,WACA,KAAK,UAAU,CAAC,UAAU,UAAU,CAAC;EAE3C,IAAI,SAAS,MAAM,IAAI,IAAI;AAC3B,MAAI,WAAW,QAAW;AACxB,OAAI,QAAQ,OAAO;AACjB,UAAM,OAAO;AACb,YAAQ;;AAEV;AACA,YACE,aAAa,OAAO,QAAQ,SAAS,GAAG,QAAQ,UAAU,UAAU;AACtE,SAAM,IAAI,KAAK,OAAO;;AAExB,SAAO"}

package/dist/utils/cache-wrapper.mjs

@@ -0,0 +1,26 @@
+//#region src/utils/cache-wrapper.ts
+/**
+* Create a function that caches the result up to the limit.
+*/
+function cacheWrapper(handler, limit = 1e3) {
+	const cache = /* @__PURE__ */ new Map();
+	let count = 0;
+	return (firstArg, secondArg) => {
+		const key = typeof firstArg === "string" && secondArg == null ? firstArg : JSON.stringify([firstArg, secondArg]);
+		let result = cache.get(key);
+		if (result === void 0) {
+			if (count > limit) {
+				cache.clear();
+				count = 0;
+			}
+			count++;
+			result = secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
+			cache.set(key, result);
+		}
+		return result;
+	};
+}
+
+//#endregion
+export { cacheWrapper };
+//# sourceMappingURL=cache-wrapper.mjs.map

package/dist/utils/cache-wrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache-wrapper.mjs","names":[],"sources":["../../src/utils/cache-wrapper.ts"],"sourcesContent":["/**\n * Create a function that caches the result up to the limit.\n */\nexport function cacheWrapper<A, B, R>(\n  handler: (firstArg: A, secondArg?: B) => R,\n  limit = 1000,\n): (firstArg: A, secondArg?: B) => R {\n  const cache = new Map<string, R>();\n  let count = 0;\n\n  return (firstArg: A, secondArg?: B) => {\n    const key =\n      typeof firstArg === 'string' && secondArg == null\n        ? firstArg\n        : JSON.stringify([firstArg, secondArg]);\n\n    let result = cache.get(key);\n    if (result === undefined) {\n      if (count > limit) {\n        cache.clear();\n        count = 0;\n      }\n      count++;\n      result =\n        secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);\n      cache.set(key, result);\n    }\n    return result;\n  };\n}\n"],"mappings":";;;;AAGA,SAAgB,aACd,SACA,QAAQ,KAC2B;CACnC,MAAM,wBAAQ,IAAI,KAAgB;CAClC,IAAI,QAAQ;AAEZ,SAAQ,UAAa,cAAkB;EACrC,MAAM,MACJ,OAAO,aAAa,YAAY,aAAa,OACzC,WACA,KAAK,UAAU,CAAC,UAAU,UAAU,CAAC;EAE3C,IAAI,SAAS,MAAM,IAAI,IAAI;AAC3B,MAAI,WAAW,QAAW;AACxB,OAAI,QAAQ,OAAO;AACjB,UAAM,OAAO;AACb,YAAQ;;AAEV;AACA,YACE,aAAa,OAAO,QAAQ,SAAS,GAAG,QAAQ,UAAU,UAAU;AACtE,SAAM,IAAI,KAAK,OAAO;;AAExB,SAAO"}

package/dist/utils/case-converter.js

@@ -0,0 +1,8 @@
+//#region src/utils/case-converter.ts
+function camelToKebab(str) {
+	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+
+//#endregion
+export { camelToKebab };
+//# sourceMappingURL=case-converter.js.map

package/dist/utils/case-converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-converter.js","names":[],"sources":["../../src/utils/case-converter.ts"],"sourcesContent":["export function camelToKebab(str: string): string {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n"],"mappings":";AAAA,SAAgB,aAAa,KAAqB;AAChD,QAAO,IAAI,QAAQ,sBAAsB,QAAQ,CAAC,aAAa"}

package/dist/utils/case-converter.mjs

@@ -0,0 +1,8 @@
+//#region src/utils/case-converter.ts
+function camelToKebab(str) {
+	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+
+//#endregion
+export { camelToKebab };
+//# sourceMappingURL=case-converter.mjs.map

package/dist/utils/case-converter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-converter.mjs","names":[],"sources":["../../src/utils/case-converter.ts"],"sourcesContent":["export function camelToKebab(str: string): string {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n"],"mappings":";AAAA,SAAgB,aAAa,KAAqB;AAChD,QAAO,IAAI,QAAQ,sBAAsB,QAAQ,CAAC,aAAa"}

package/dist/utils/colors.d.ts

@@ -0,0 +1,5 @@
+//#region src/utils/colors.d.ts
+declare function color(name: any, opacity?: number): string;
+//#endregion
+export { color };
+//# sourceMappingURL=colors.d.ts.map

package/dist/utils/colors.js

@@ -0,0 +1,9 @@
+//#region src/utils/colors.ts
+function color(name, opacity = 1) {
+	if (opacity !== 1) return `rgb(var(--${name}-color-rgb) / ${opacity})`;
+	return `var(--${name}-color)`;
+}
+
+//#endregion
+export { color };
+//# sourceMappingURL=colors.js.map

package/dist/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":[],"sources":["../../src/utils/colors.ts"],"sourcesContent":["export function color(name, opacity = 1) {\n  if (opacity !== 1) {\n    return `rgb(var(--${name}-color-rgb) / ${opacity})`;\n  }\n\n  return `var(--${name}-color)`;\n}\n"],"mappings":";AAAA,SAAgB,MAAM,MAAM,UAAU,GAAG;AACvC,KAAI,YAAY,EACd,QAAO,aAAa,KAAK,gBAAgB,QAAQ;AAGnD,QAAO,SAAS,KAAK"}

package/dist/utils/dotize.d.ts

@@ -0,0 +1,26 @@
+//#region src/utils/dotize.d.ts
+declare const dotize: {
+  valTypes: {
+    none: string;
+    primitive: string;
+    object: string;
+    array: string;
+  };
+  getValType: (val: any) => string | undefined;
+  getPathType: (arrPath: any) => never[];
+  isUndefined: (obj: any) => obj is undefined;
+  isNumber: (f: any) => boolean;
+  isEmptyObj: (obj: any) => boolean;
+  isPlainObject: (obj: any) => boolean;
+  isNotObject: (obj: any) => boolean;
+  isEmptyArray: (arr: any) => boolean;
+  isNotArray: (arr: any) => boolean;
+  removeEmptyArrayItem: (arr: any) => any;
+  getFieldName: (field: any, prefix: any, isRoot: any, isArrayItem: any, isArray: any) => string;
+  startsWith: (val: any, valToSearch: any) => boolean;
+  convert: (obj: any, prefix?: string) => any;
+  backward: (obj: any, prefix: any) => any;
+};
+//#endregion
+export { dotize };
+//# sourceMappingURL=dotize.d.ts.map

package/dist/utils/dotize.js

@@ -0,0 +1,122 @@
+//#region src/utils/dotize.ts
+const dotize = {
+	valTypes: {
+		none: "NONE",
+		primitive: "PRIM",
+		object: "OBJECT",
+		array: "ARRAY"
+	},
+	getValType: function(val) {
+		if (!val || typeof val != "object" || Array.isArray(val)) return dotize.valTypes.primitive;
+		if (typeof val == "object") return dotize.valTypes.object;
+	},
+	getPathType: function(arrPath) {
+		const arrPathTypes = [];
+		for (const path in arrPath) {
+			const pathVal = arrPath[path];
+			if (!pathVal) arrPathTypes.push(dotize.valTypes.none);
+			else if (dotize.isNumber(pathVal)) arrPathTypes.push(dotize.valTypes.array);
+			else arrPathTypes.push(dotize.valTypes.object);
+		}
+		return arrPathTypes;
+	},
+	isUndefined: function(obj) {
+		return typeof obj == "undefined";
+	},
+	isNumber: function(f) {
+		return !isNaN(parseInt(f));
+	},
+	isEmptyObj: function(obj) {
+		for (const prop in obj) if (Object.hasOwnProperty.call(obj, prop)) return false;
+		return JSON.stringify(obj) === JSON.stringify({});
+	},
+	isPlainObject: function(obj) {
+		if (typeof obj !== "object" || obj === null) return false;
+		return Object.getPrototypeOf(obj) === Object.prototype;
+	},
+	isNotObject: function(obj) {
+		return !obj || !this.isPlainObject(obj);
+	},
+	isEmptyArray: function(arr) {
+		return Array.isArray(arr) && arr.length == 0;
+	},
+	isNotArray: function(arr) {
+		return Array.isArray(arr) == false;
+	},
+	removeEmptyArrayItem: function(arr) {
+		return arr.filter(function(el) {
+			return el != null && el != "";
+		});
+	},
+	getFieldName: function(field, prefix, isRoot, isArrayItem, isArray) {
+		if (isArray) return (prefix ? prefix : "") + (dotize.isNumber(field) ? "[" + field + "]" : (isRoot && !prefix ? "" : ".") + field);
+		else if (isArrayItem) return (prefix ? prefix : "") + "[" + field + "]";
+		else return (prefix ? prefix + "." : "") + field;
+	},
+	startsWith: function(val, valToSearch) {
+		return val.indexOf(valToSearch) == 0;
+	},
+	convert: function(obj, prefix = "") {
+		let newObj = {};
+		if (dotize.isNotObject(obj)) if (prefix) {
+			newObj[prefix] = obj;
+			return newObj;
+		} else return obj;
+		return (function recurse(o, p, isRoot) {
+			const isArrayItem = Array.isArray(o);
+			for (const f in o) {
+				const currentProp = o[f];
+				if (currentProp && typeof currentProp === "object" && !Array.isArray(currentProp) && dotize.isPlainObject(currentProp)) {
+					if (isArrayItem && dotize.isEmptyObj(currentProp) == false) newObj = recurse(currentProp, dotize.getFieldName(f, p, isRoot, true));
+					else if (dotize.isEmptyObj(currentProp) == false) newObj = recurse(currentProp, dotize.getFieldName(f, p, isRoot));
+					else if (dotize.isEmptyObj(currentProp)) newObj[dotize.getFieldName(f, p, isRoot, isArrayItem)] = currentProp;
+				} else if (isArrayItem || dotize.isNumber(f)) newObj[dotize.getFieldName(f, p, isRoot, true)] = currentProp;
+				else newObj[dotize.getFieldName(f, p, isRoot)] = currentProp;
+			}
+			return newObj;
+		})(obj, prefix, true);
+	},
+	backward: function(obj, prefix) {
+		let newObj = {};
+		const arStartRegex = /\[(\d+)\]/g;
+		if (dotize.isNotObject(obj) && dotize.isNotArray(obj)) if (prefix) return obj[prefix];
+		else return obj;
+		for (let tProp in obj) {
+			const tPropVal = obj[tProp];
+			if (prefix) {
+				const prefixRegex = new RegExp("^" + prefix);
+				tProp = tProp.replace(prefixRegex, "");
+			}
+			tProp = tProp.replace(arStartRegex, ".$1");
+			if (dotize.startsWith(tProp, ".")) tProp = tProp.replace(/^\./, "");
+			const arrPath = tProp.split(".");
+			const arrPathTypes = dotize.getPathType(arrPath);
+			if (!dotize.isUndefined(arrPathTypes) && arrPathTypes[0] == dotize.valTypes.array && Array.isArray(newObj) == false) newObj = [];
+			(function recurse(rPropVal, rObj, rPropValPrev, rObjPrev) {
+				let currentPath = arrPath.shift();
+				const currentPathType = arrPathTypes.shift();
+				if (typeof currentPath == "undefined" || currentPath == "") {
+					newObj = rPropVal;
+					return;
+				}
+				const isArray = currentPathType == dotize.valTypes.array;
+				if (dotize.isNumber(currentPath)) currentPath = parseInt(currentPath);
+				if (arrPath.length > 0) {
+					if (typeof rObj[currentPath] == "undefined") if (isArray) rObj[currentPath] = [];
+					else rObj[currentPath] = {};
+					recurse(rPropVal, rObj[currentPath], currentPath, rObj);
+					return;
+				}
+				if (currentPathType == dotize.valTypes.array && rPropValPrev && rObjPrev) {
+					if (Array.isArray(rObjPrev[rPropValPrev]) == false) rObjPrev[rPropValPrev] = [];
+					rObjPrev[rPropValPrev].push(rPropVal);
+				} else rObj[currentPath] = rPropVal;
+			})(tPropVal, newObj);
+		}
+		return newObj;
+	}
+};
+
+//#endregion
+export { dotize };
+//# sourceMappingURL=dotize.js.map

package/dist/utils/dotize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotize.js","names":[],"sources":["../../src/utils/dotize.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n// Convert complex js object to dot notation js object\n// url: https://github.com/vardars/dotize\n// author: vardars\n\nexport const dotize = {\n  valTypes: {\n    none: 'NONE',\n    primitive: 'PRIM',\n    object: 'OBJECT',\n    array: 'ARRAY',\n  },\n\n  getValType: function (val) {\n    if (!val || typeof val != 'object' || Array.isArray(val))\n      return dotize.valTypes.primitive;\n    if (typeof val == 'object') return dotize.valTypes.object;\n  },\n\n  getPathType: function (arrPath) {\n    const arrPathTypes = [];\n    for (const path in arrPath) {\n      const pathVal = arrPath[path];\n      if (!pathVal) arrPathTypes.push(dotize.valTypes.none);\n      else if (dotize.isNumber(pathVal))\n        arrPathTypes.push(dotize.valTypes.array);\n      else arrPathTypes.push(dotize.valTypes.object);\n    }\n    return arrPathTypes;\n  },\n\n  isUndefined: function (obj) {\n    return typeof obj == 'undefined';\n  },\n\n  isNumber: function (f) {\n    return !isNaN(parseInt(f));\n  },\n\n  isEmptyObj: function (obj) {\n    for (const prop in obj) {\n      if (Object.hasOwnProperty.call(obj, prop)) return false;\n    }\n\n    return JSON.stringify(obj) === JSON.stringify({});\n  },\n\n  isPlainObject: function (obj) {\n    if (typeof obj !== 'object' || obj === null) return false;\n\n    return Object.getPrototypeOf(obj) === Object.prototype;\n  },\n\n  isNotObject: function (obj) {\n    return !obj || !this.isPlainObject(obj);\n  },\n\n  isEmptyArray: function (arr) {\n    return Array.isArray(arr) && arr.length == 0;\n  },\n\n  isNotArray: function (arr) {\n    return Array.isArray(arr) == false;\n  },\n\n  removeEmptyArrayItem: function (arr) {\n    return arr.filter(function (el) {\n      return el != null && el != '';\n    });\n  },\n\n  getFieldName: function (field, prefix, isRoot, isArrayItem, isArray) {\n    if (isArray)\n      return (\n        (prefix ? prefix : '') +\n        (dotize.isNumber(field)\n          ? '[' + field + ']'\n          : (isRoot && !prefix ? '' : '.') + field)\n      );\n    else if (isArrayItem) return (prefix ? prefix : '') + '[' + field + ']';\n    else return (prefix ? prefix + '.' : '') + field;\n  },\n\n  startsWith: function (val, valToSearch) {\n    return val.indexOf(valToSearch) == 0;\n  },\n\n  convert: function (obj, prefix = '') {\n    let newObj = {};\n\n    // primitives\n    if (dotize.isNotObject(obj)) {\n      if (prefix) {\n        newObj[prefix] = obj;\n        return newObj;\n      } else {\n        return obj;\n      }\n    }\n\n    return (function recurse(o, p, isRoot) {\n      const isArrayItem = Array.isArray(o);\n      for (const f in o) {\n        const currentProp = o[f];\n        if (\n          currentProp &&\n          typeof currentProp === 'object' &&\n          !Array.isArray(currentProp) &&\n          dotize.isPlainObject(currentProp)\n        ) {\n          if (isArrayItem && dotize.isEmptyObj(currentProp) == false) {\n            newObj = recurse(\n              currentProp,\n              dotize.getFieldName(f, p, isRoot, true),\n            ); // array item object\n          } else if (dotize.isEmptyObj(currentProp) == false) {\n            newObj = recurse(currentProp, dotize.getFieldName(f, p, isRoot)); // object\n          } else if (dotize.isEmptyObj(currentProp)) {\n            newObj[dotize.getFieldName(f, p, isRoot, isArrayItem)] =\n              currentProp;\n          }\n        } else {\n          if (isArrayItem || dotize.isNumber(f)) {\n            newObj[dotize.getFieldName(f, p, isRoot, true)] = currentProp; // array item primitive\n          } else {\n            newObj[dotize.getFieldName(f, p, isRoot)] = currentProp; // primitive\n          }\n        }\n      }\n\n      return newObj;\n    })(obj, prefix, true);\n  },\n\n  backward: function (obj, prefix) {\n    let newObj = {};\n    const arStartRegex = /\\[(\\d+)\\]/g;\n\n    // primitives\n    if (dotize.isNotObject(obj) && dotize.isNotArray(obj)) {\n      if (prefix) {\n        return obj[prefix];\n      } else {\n        return obj;\n      }\n    }\n\n    for (let tProp in obj) {\n      const tPropVal = obj[tProp];\n\n      if (prefix) {\n        const prefixRegex = new RegExp('^' + prefix);\n        tProp = tProp.replace(prefixRegex, '');\n      }\n\n      tProp = tProp.replace(arStartRegex, '.$1');\n\n      if (dotize.startsWith(tProp, '.')) tProp = tProp.replace(/^\\./, '');\n\n      const arrPath = tProp.split('.');\n      const arrPathTypes = dotize.getPathType(arrPath);\n\n      // has array on root\n      if (\n        !dotize.isUndefined(arrPathTypes) &&\n        arrPathTypes[0] == dotize.valTypes.array &&\n        Array.isArray(newObj) == false\n      ) {\n        newObj = [];\n      }\n\n      (function recurse(rPropVal, rObj, rPropValPrev, rObjPrev) {\n        let currentPath = arrPath.shift();\n        const currentPathType = arrPathTypes.shift();\n\n        if (typeof currentPath == 'undefined' || currentPath == '') {\n          newObj = rPropVal;\n          return;\n        }\n\n        const isArray = currentPathType == dotize.valTypes.array;\n\n        if (dotize.isNumber(currentPath)) currentPath = parseInt(currentPath);\n\n        // has multiple levels\n        if (arrPath.length > 0) {\n          // is not assigned before\n          if (typeof rObj[currentPath] == 'undefined') {\n            if (isArray) {\n              rObj[currentPath] = [];\n            } else {\n              rObj[currentPath] = {};\n            }\n          }\n\n          recurse(rPropVal, rObj[currentPath], currentPath, rObj);\n          return;\n        }\n\n        if (\n          currentPathType == dotize.valTypes.array &&\n          rPropValPrev &&\n          rObjPrev\n        ) {\n          if (Array.isArray(rObjPrev[rPropValPrev]) == false)\n            rObjPrev[rPropValPrev] = [];\n          rObjPrev[rPropValPrev].push(rPropVal);\n        } else {\n          rObj[currentPath] = rPropVal;\n        }\n      })(tPropVal, newObj);\n    }\n\n    return newObj;\n  },\n};\n"],"mappings":"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"}

package/dist/utils/filter-base-props.d.ts

@@ -0,0 +1,15 @@
+//#region src/utils/filter-base-props.d.ts
+interface PropsFilterOptions {
+  labelable?: boolean;
+  propNames?: Set<string>;
+  eventProps?: boolean;
+}
+/**
+ * Filters out all props that aren't valid DOM props or defined via override prop obj.
+ * @param props - The component props to be filtered.
+ * @param opts - Props to override.
+ */
+declare function filterBaseProps(props: Record<string, unknown>, opts?: PropsFilterOptions): Record<string, unknown>;
+//#endregion
+export { filterBaseProps };
+//# sourceMappingURL=filter-base-props.d.ts.map

package/dist/utils/filter-base-props.js

@@ -0,0 +1,45 @@
+//#region src/utils/filter-base-props.ts
+const DOMPropNames = new Set(["id"]);
+const BasePropNames = new Set([
+	"role",
+	"as",
+	"element",
+	"css",
+	"qa",
+	"mods",
+	"qaVal",
+	"hidden",
+	"isHidden",
+	"disabled",
+	"isDisabled",
+	"children",
+	"style",
+	"className",
+	"href",
+	"target",
+	"tabIndex"
+]);
+const ignoreEventPropsNames = new Set([
+	"onPress",
+	"onHoverStart",
+	"onHoverEnd",
+	"onPressStart",
+	"onPressEnd"
+]);
+const propRe = /^((data-).*)$/;
+const eventRe = /^on[A-Z].+$/;
+/**
+* Filters out all props that aren't valid DOM props or defined via override prop obj.
+* @param props - The component props to be filtered.
+* @param opts - Props to override.
+*/
+function filterBaseProps(props, opts = {}) {
+	const { propNames, eventProps } = opts;
+	const filteredProps = {};
+	for (const prop in props) if (Object.prototype.hasOwnProperty.call(props, prop) && (DOMPropNames.has(prop) || BasePropNames.has(prop) || prop.startsWith("aria-") || eventProps && eventRe.test(prop) && !ignoreEventPropsNames.has(prop) || propNames?.has(prop) || propRe.test(prop))) filteredProps[prop] = props[prop];
+	return filteredProps;
+}
+
+//#endregion
+export { filterBaseProps };
+//# sourceMappingURL=filter-base-props.js.map

package/dist/utils/filter-base-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-base-props.js","names":[],"sources":["../../src/utils/filter-base-props.ts"],"sourcesContent":["const DOMPropNames = new Set(['id']);\n\nconst BasePropNames = new Set([\n  'role',\n  'as',\n  'element',\n  'css',\n  'qa',\n  'mods',\n  'qaVal',\n  'hidden',\n  'isHidden',\n  'disabled',\n  'isDisabled',\n  'children',\n  'style',\n  'className',\n  'href',\n  'target',\n  'tabIndex',\n]);\n\nconst ignoreEventPropsNames = new Set([\n  'onPress',\n  'onHoverStart',\n  'onHoverEnd',\n  'onPressStart',\n  'onPressEnd',\n]);\n\nconst propRe = /^((data-).*)$/;\nconst eventRe = /^on[A-Z].+$/;\n\ninterface PropsFilterOptions {\n  // @deprecated\n  labelable?: boolean;\n  propNames?: Set<string>;\n  eventProps?: boolean;\n}\n\n/**\n * Filters out all props that aren't valid DOM props or defined via override prop obj.\n * @param props - The component props to be filtered.\n * @param opts - Props to override.\n */\nexport function filterBaseProps(\n  props: Record<string, unknown>,\n  opts: PropsFilterOptions = {},\n): Record<string, unknown> {\n  const { propNames, eventProps } = opts;\n  const filteredProps: Record<string, unknown> = {};\n\n  for (const prop in props) {\n    if (\n      Object.prototype.hasOwnProperty.call(props, prop) &&\n      (DOMPropNames.has(prop) ||\n        BasePropNames.has(prop) ||\n        // Always preserve any ARIA attributes to maintain accessibility support.\n        prop.startsWith('aria-') ||\n        (eventProps &&\n          eventRe.test(prop) &&\n          !ignoreEventPropsNames.has(prop)) ||\n        propNames?.has(prop) ||\n        propRe.test(prop))\n    ) {\n      filteredProps[prop] = props[prop];\n    }\n  }\n\n  return filteredProps;\n}\n"],"mappings":";AAAA,MAAM,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC;AAEpC,MAAM,gBAAgB,IAAI,IAAI;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAM,wBAAwB,IAAI,IAAI;CACpC;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAM,SAAS;AACf,MAAM,UAAU;;;;;;AAchB,SAAgB,gBACd,OACA,OAA2B,EAAE,EACJ;CACzB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,gBAAyC,EAAE;AAEjD,MAAK,MAAM,QAAQ,MACjB,KACE,OAAO,UAAU,eAAe,KAAK,OAAO,KAAK,KAChD,aAAa,IAAI,KAAK,IACrB,cAAc,IAAI,KAAK,IAEvB,KAAK,WAAW,QAAQ,IACvB,cACC,QAAQ,KAAK,KAAK,IAClB,CAAC,sBAAsB,IAAI,KAAK,IAClC,WAAW,IAAI,KAAK,IACpB,OAAO,KAAK,KAAK,EAEnB,eAAc,QAAQ,MAAM;AAIhC,QAAO"}

package/dist/utils/get-display-name.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from "react";
+
+//#region src/utils/get-display-name.d.ts
+declare function getDisplayName<T>(Component: ElementType<T>, fallbackName?: string): string;
+//#endregion
+export { getDisplayName };
+//# sourceMappingURL=get-display-name.d.ts.map

package/dist/utils/get-display-name.js

@@ -0,0 +1,10 @@
+//#region src/utils/get-display-name.ts
+const DEFAULT_NAME = "Anonymous";
+function getDisplayName(Component, fallbackName = DEFAULT_NAME) {
+	if (typeof Component === "function") return Component.displayName ?? Component.name ?? fallbackName;
+	return fallbackName;
+}
+
+//#endregion
+export { getDisplayName };
+//# sourceMappingURL=get-display-name.js.map

package/dist/utils/get-display-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-display-name.js","names":[],"sources":["../../src/utils/get-display-name.ts"],"sourcesContent":["import type { ElementType } from 'react';\n\nconst DEFAULT_NAME = 'Anonymous';\n\nexport function getDisplayName<T>(\n  Component: ElementType<T>,\n  fallbackName = DEFAULT_NAME,\n): string {\n  if (typeof Component === 'function') {\n    return Component.displayName ?? Component.name ?? fallbackName;\n  }\n\n  return fallbackName;\n}\n"],"mappings":";AAEA,MAAM,eAAe;AAErB,SAAgB,eACd,WACA,eAAe,cACP;AACR,KAAI,OAAO,cAAc,WACvB,QAAO,UAAU,eAAe,UAAU,QAAQ;AAGpD,QAAO"}

package/dist/utils/hsl-to-rgb.js

@@ -0,0 +1,38 @@
+import { hslToRgbValues } from "./process-tokens.js";
+
+//#region src/utils/hsl-to-rgb.ts
+/**
+* Convert HSL color string to RGB.
+* Supports:
+* - Modern: hsl(h s% l%), hsl(h s% l% / a)
+* - Legacy: hsl(h, s%, l%), hsla(h, s%, l%, a)
+*/
+function hslToRgb(hslStr) {
+	const match = hslStr.match(/hsla?\(([^)]+)\)/i);
+	if (!match) return null;
+	const [colorPart, slashAlpha] = match[1].trim().split("/");
+	const parts = colorPart.trim().split(/[,\s]+/).filter(Boolean);
+	if (parts.length < 3) return null;
+	const alphaPart = slashAlpha?.trim() || (parts.length >= 4 ? parts[3] : null);
+	let h = parseFloat(parts[0]);
+	const hueStr = parts[0].toLowerCase();
+	if (hueStr.endsWith("turn")) h = parseFloat(hueStr) * 360;
+	else if (hueStr.endsWith("rad")) h = parseFloat(hueStr) * 180 / Math.PI;
+	h = (h % 360 + 360) % 360;
+	const parsePercent = (val) => {
+		const num = parseFloat(val);
+		return val.includes("%") ? num / 100 : num;
+	};
+	const s = Math.max(0, Math.min(1, parsePercent(parts[1])));
+	const l = Math.max(0, Math.min(1, parsePercent(parts[2])));
+	const [r, g, b] = hslToRgbValues(h, s, l);
+	if (alphaPart) {
+		const alpha = parseFloat(alphaPart.trim());
+		return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;
+	}
+	return `rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;
+}
+
+//#endregion
+export { hslToRgb };
+//# sourceMappingURL=hsl-to-rgb.js.map

package/dist/utils/hsl-to-rgb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hsl-to-rgb.js","names":[],"sources":["../../src/utils/hsl-to-rgb.ts"],"sourcesContent":["import { hslToRgbValues } from './process-tokens';\n\n/**\n * Convert HSL color string to RGB.\n * Supports:\n * - Modern: hsl(h s% l%), hsl(h s% l% / a)\n * - Legacy: hsl(h, s%, l%), hsla(h, s%, l%, a)\n */\nexport function hslToRgb(hslStr: string): string | null {\n  const match = hslStr.match(/hsla?\\(([^)]+)\\)/i);\n  if (!match) return null;\n\n  const inner = match[1].trim();\n  const [colorPart, slashAlpha] = inner.split('/');\n  const parts = colorPart\n    .trim()\n    .split(/[,\\s]+/)\n    .filter(Boolean);\n\n  if (parts.length < 3) return null;\n\n  // Alpha can come from slash notation (modern) or 4th part (legacy comma syntax)\n  const alphaPart = slashAlpha?.trim() || (parts.length >= 4 ? parts[3] : null);\n\n  // Parse hue\n  let h = parseFloat(parts[0]);\n  const hueStr = parts[0].toLowerCase();\n  if (hueStr.endsWith('turn')) h = parseFloat(hueStr) * 360;\n  else if (hueStr.endsWith('rad')) h = (parseFloat(hueStr) * 180) / Math.PI;\n  h = ((h % 360) + 360) % 360;\n\n  // Parse saturation and lightness\n  const parsePercent = (val: string): number => {\n    const num = parseFloat(val);\n    return val.includes('%') ? num / 100 : num;\n  };\n  const s = Math.max(0, Math.min(1, parsePercent(parts[1])));\n  const l = Math.max(0, Math.min(1, parsePercent(parts[2])));\n\n  // Use shared HSL to RGB conversion\n  const [r, g, b] = hslToRgbValues(h, s, l);\n\n  if (alphaPart) {\n    const alpha = parseFloat(alphaPart.trim());\n    return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;\n  }\n\n  return `rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,SAAS,QAA+B;CACtD,MAAM,QAAQ,OAAO,MAAM,oBAAoB;AAC/C,KAAI,CAAC,MAAO,QAAO;CAGnB,MAAM,CAAC,WAAW,cADJ,MAAM,GAAG,MAAM,CACS,MAAM,IAAI;CAChD,MAAM,QAAQ,UACX,MAAM,CACN,MAAM,SAAS,CACf,OAAO,QAAQ;AAElB,KAAI,MAAM,SAAS,EAAG,QAAO;CAG7B,MAAM,YAAY,YAAY,MAAM,KAAK,MAAM,UAAU,IAAI,MAAM,KAAK;CAGxE,IAAI,IAAI,WAAW,MAAM,GAAG;CAC5B,MAAM,SAAS,MAAM,GAAG,aAAa;AACrC,KAAI,OAAO,SAAS,OAAO,CAAE,KAAI,WAAW,OAAO,GAAG;UAC7C,OAAO,SAAS,MAAM,CAAE,KAAK,WAAW,OAAO,GAAG,MAAO,KAAK;AACvE,MAAM,IAAI,MAAO,OAAO;CAGxB,MAAM,gBAAgB,QAAwB;EAC5C,MAAM,MAAM,WAAW,IAAI;AAC3B,SAAO,IAAI,SAAS,IAAI,GAAG,MAAM,MAAM;;CAEzC,MAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC;CAC1D,MAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC;CAG1D,MAAM,CAAC,GAAG,GAAG,KAAK,eAAe,GAAG,GAAG,EAAE;AAEzC,KAAI,WAAW;EACb,MAAM,QAAQ,WAAW,UAAU,MAAM,CAAC;AAC1C,SAAO,QAAQ,KAAK,MAAM,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,IAAI,MAAM;;AAG7E,QAAO,OAAO,KAAK,MAAM,EAAE,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC"}

package/dist/utils/hsl-to-rgb.mjs

@@ -0,0 +1,38 @@
+import { hslToRgbValues } from "./process-tokens.mjs";
+
+//#region src/utils/hsl-to-rgb.ts
+/**
+* Convert HSL color string to RGB.
+* Supports:
+* - Modern: hsl(h s% l%), hsl(h s% l% / a)
+* - Legacy: hsl(h, s%, l%), hsla(h, s%, l%, a)
+*/
+function hslToRgb(hslStr) {
+	const match = hslStr.match(/hsla?\(([^)]+)\)/i);
+	if (!match) return null;
+	const [colorPart, slashAlpha] = match[1].trim().split("/");
+	const parts = colorPart.trim().split(/[,\s]+/).filter(Boolean);
+	if (parts.length < 3) return null;
+	const alphaPart = slashAlpha?.trim() || (parts.length >= 4 ? parts[3] : null);
+	let h = parseFloat(parts[0]);
+	const hueStr = parts[0].toLowerCase();
+	if (hueStr.endsWith("turn")) h = parseFloat(hueStr) * 360;
+	else if (hueStr.endsWith("rad")) h = parseFloat(hueStr) * 180 / Math.PI;
+	h = (h % 360 + 360) % 360;
+	const parsePercent = (val) => {
+		const num = parseFloat(val);
+		return val.includes("%") ? num / 100 : num;
+	};
+	const s = Math.max(0, Math.min(1, parsePercent(parts[1])));
+	const l = Math.max(0, Math.min(1, parsePercent(parts[2])));
+	const [r, g, b] = hslToRgbValues(h, s, l);
+	if (alphaPart) {
+		const alpha = parseFloat(alphaPart.trim());
+		return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;
+	}
+	return `rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;
+}
+
+//#endregion
+export { hslToRgb };
+//# sourceMappingURL=hsl-to-rgb.mjs.map