@mantine-vue/utils 1.1.2

package/cjs/index.cjs

@@ -0,0 +1,150 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/index.ts
+function keys(object) {
+	return Object.keys(object);
+}
+function noop() {}
+function isPrimitive(value) {
+	return value === null || typeof value !== "object" && typeof value !== "function";
+}
+function isPlainObject(value) {
+	if (value === null || typeof value !== "object") return false;
+	const prototype = Object.getPrototypeOf(value);
+	return prototype === Object.prototype || prototype === null;
+}
+function deepMerge(target, source) {
+	const result = { ...target };
+	keys(source).forEach((key) => {
+		const sourceValue = source[key];
+		const targetValue = result[key];
+		if (isPlainObject(targetValue) && isPlainObject(sourceValue)) result[key] = deepMerge(targetValue, sourceValue);
+		else if (sourceValue !== void 0) result[key] = sourceValue;
+	});
+	return result;
+}
+function camelToKebabCase(value) {
+	return value.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
+function filterProps(props) {
+	return keys(props).reduce((acc, key) => {
+		if (props[key] !== void 0) acc[key] = props[key];
+		return acc;
+	}, {});
+}
+function isNumberLike(value) {
+	if (typeof value === "number") return true;
+	if (typeof value === "string") {
+		if (value.startsWith("calc(") || value.startsWith("var(") || value.includes(" ") && value.trim() !== "") return true;
+		const cssUnitsRegex = /^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;
+		return value.trim().split(/\s+/).every((val) => cssUnitsRegex.test(val));
+	}
+	return false;
+}
+function rem(value) {
+	if (typeof value === "number") return `${value / 16}rem`;
+	if (typeof value === "string") {
+		if (value.includes("calc(") || value.includes("var(")) return value;
+		if (value.endsWith("px")) return `${Number(value.replace("px", "")) / 16}rem`;
+		return value;
+	}
+	return value;
+}
+function em(value) {
+	if (typeof value === "number") return `${value / 16}em`;
+	if (typeof value === "string" && value.endsWith("px")) return `${Number(value.replace("px", "")) / 16}em`;
+	return value;
+}
+function px(value) {
+	if (typeof value === "number") return value;
+	if (typeof value === "string") {
+		if (value.endsWith("rem") || value.endsWith("em")) return Number(value.replace("rem", "").replace("em", "")) * 16;
+		if (value.endsWith("px")) return Number(value.replace("px", ""));
+	}
+	return Number(value) || 0;
+}
+function getSize(size, prefix = "size", convertToRem = true) {
+	if (size === void 0) return;
+	return isNumberLike(size) ? convertToRem ? rem(size) : String(size) : `var(--${prefix}-${size})`;
+}
+var getSpacing = (size) => getSize(size, "mantine-spacing");
+var getRadius = (size) => size === void 0 ? "var(--mantine-radius-default)" : getSize(size, "mantine-radius");
+var getShadow = (size) => size ? getSize(size, "mantine-shadow", false) : void 0;
+var getFontSize = (size) => getSize(size, "mantine-font-size");
+var getLineHeight = (size) => getSize(size, "mantine-line-height", false);
+function getBreakpointValue(value) {
+	if (typeof value === "number") return value;
+	if (value.endsWith("px")) return Number(value.replace("px", ""));
+	if (value.endsWith("em") || value.endsWith("rem")) return Number(value.replace("em", "").replace("rem", "")) * 16;
+	return Number(value);
+}
+function getSortedBreakpoints(breakpoints) {
+	return keys(breakpoints).map((breakpoint) => ({
+		breakpoint,
+		px: getBreakpointValue(breakpoints[breakpoint])
+	})).sort((a, b) => a.px - b.px);
+}
+function getBaseValue(value) {
+	if (isPlainObject(value)) return value.base;
+	return value;
+}
+function getDefaultZIndex(level) {
+	return {
+		app: 100,
+		modal: 200,
+		popover: 300,
+		overlay: 400,
+		max: 9999
+	}[level];
+}
+function memoize(fn) {
+	const cache = /* @__PURE__ */ new Map();
+	return (...args) => {
+		const key = JSON.stringify(args);
+		if (cache.has(key)) return cache.get(key);
+		const result = fn(...args);
+		cache.set(key, result);
+		return result;
+	};
+}
+function findClosestNumber(value, values) {
+	return values.reduce((closest, current) => Math.abs(current - value) < Math.abs(closest - value) ? current : closest);
+}
+function createEventHandler(...handlers) {
+	return (event) => {
+		handlers.forEach((handler) => handler?.(event));
+	};
+}
+function getSafeId(uid, errorMessage) {
+	return (staticId) => {
+		if (typeof staticId === "string") return staticId;
+		if (uid === "") throw new Error(errorMessage);
+		return uid;
+	};
+}
+//#endregion
+exports.camelToKebabCase = camelToKebabCase;
+exports.createEventHandler = createEventHandler;
+exports.deepMerge = deepMerge;
+exports.em = em;
+exports.filterProps = filterProps;
+exports.findClosestNumber = findClosestNumber;
+exports.getBaseValue = getBaseValue;
+exports.getBreakpointValue = getBreakpointValue;
+exports.getDefaultZIndex = getDefaultZIndex;
+exports.getFontSize = getFontSize;
+exports.getLineHeight = getLineHeight;
+exports.getRadius = getRadius;
+exports.getSafeId = getSafeId;
+exports.getShadow = getShadow;
+exports.getSize = getSize;
+exports.getSortedBreakpoints = getSortedBreakpoints;
+exports.getSpacing = getSpacing;
+exports.isNumberLike = isNumberLike;
+exports.isPrimitive = isPrimitive;
+exports.keys = keys;
+exports.memoize = memoize;
+exports.noop = noop;
+exports.px = px;
+exports.rem = rem;
+
+//# sourceMappingURL=index.cjs.map

package/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["export type Primitive = string | number | boolean | bigint | symbol | null | undefined\n\nexport function keys<T extends Record<string, any>>(object: T) {\n  return Object.keys(object) as (keyof T & string)[]\n}\n\nexport function noop() {}\n\nexport function isPrimitive(value: unknown): value is Primitive {\n  return value === null || (typeof value !== 'object' && typeof value !== 'function')\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, any> {\n  if (value === null || typeof value !== 'object') {\n    return false\n  }\n\n  const prototype = Object.getPrototypeOf(value)\n  return prototype === Object.prototype || prototype === null\n}\n\nexport function deepMerge<T extends Record<string, any>, U extends Record<string, any>>(\n  target: T,\n  source: U,\n): T & U {\n  const result: Record<string, any> = { ...target }\n\n  keys(source).forEach((key) => {\n    const sourceValue = source[key]\n    const targetValue = result[key]\n\n    if (isPlainObject(targetValue) && isPlainObject(sourceValue)) {\n      result[key] = deepMerge(targetValue, sourceValue)\n    } else if (sourceValue !== undefined) {\n      result[key] = sourceValue\n    }\n  })\n\n  return result as T & U\n}\n\nexport function camelToKebabCase(value: string) {\n  return value.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)\n}\n\nexport function filterProps<T extends Record<string, any>>(props: T) {\n  return keys(props).reduce<Partial<T>>((acc, key) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key]\n    }\n\n    return acc\n  }, {})\n}\n\nexport function isNumberLike(value: unknown) {\n  if (typeof value === 'number') {\n    return true\n  }\n\n  if (typeof value === 'string') {\n    if (\n      value.startsWith('calc(') ||\n      value.startsWith('var(') ||\n      (value.includes(' ') && value.trim() !== '')\n    ) {\n      return true\n    }\n\n    const cssUnitsRegex =\n      /^[+-]?[0-9]+(\\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/\n    const values = value.trim().split(/\\s+/)\n    return values.every((val) => cssUnitsRegex.test(val))\n  }\n\n  return false\n}\n\nexport function rem(value: unknown) {\n  if (typeof value === 'number') {\n    return `${value / 16}rem`\n  }\n\n  if (typeof value === 'string') {\n    if (value.includes('calc(') || value.includes('var(')) {\n      return value\n    }\n\n    if (value.endsWith('px')) {\n      return `${Number(value.replace('px', '')) / 16}rem`\n    }\n\n    return value\n  }\n\n  return value as string\n}\n\nexport function em(value: unknown) {\n  if (typeof value === 'number') {\n    return `${value / 16}em`\n  }\n\n  if (typeof value === 'string' && value.endsWith('px')) {\n    return `${Number(value.replace('px', '')) / 16}em`\n  }\n\n  return value as string\n}\n\nexport function px(value: unknown) {\n  if (typeof value === 'number') {\n    return value\n  }\n\n  if (typeof value === 'string') {\n    if (value.endsWith('rem') || value.endsWith('em')) {\n      return Number(value.replace('rem', '').replace('em', '')) * 16\n    }\n\n    if (value.endsWith('px')) {\n      return Number(value.replace('px', ''))\n    }\n  }\n\n  return Number(value) || 0\n}\n\nexport function getSize(size: unknown, prefix = 'size', convertToRem = true): string | undefined {\n  if (size === undefined) {\n    return undefined\n  }\n\n  return isNumberLike(size) ? (convertToRem ? rem(size) : String(size)) : `var(--${prefix}-${size})`\n}\n\nexport const getSpacing = (size: unknown) => getSize(size, 'mantine-spacing')\nexport const getRadius = (size: unknown) =>\n  size === undefined ? 'var(--mantine-radius-default)' : getSize(size, 'mantine-radius')\nexport const getShadow = (size: unknown) =>\n  size ? getSize(size, 'mantine-shadow', false) : undefined\nexport const getFontSize = (size: unknown) => getSize(size, 'mantine-font-size')\nexport const getLineHeight = (size: unknown) => getSize(size, 'mantine-line-height', false)\n\nexport function getBreakpointValue(value: string | number) {\n  if (typeof value === 'number') {\n    return value\n  }\n\n  if (value.endsWith('px')) {\n    return Number(value.replace('px', ''))\n  }\n\n  if (value.endsWith('em') || value.endsWith('rem')) {\n    return Number(value.replace('em', '').replace('rem', '')) * 16\n  }\n\n  return Number(value)\n}\n\nexport function getSortedBreakpoints<T extends Record<string, string>>(breakpoints: T) {\n  return keys(breakpoints)\n    .map((breakpoint) => ({ breakpoint, px: getBreakpointValue(breakpoints[breakpoint]) }))\n    .sort((a, b) => a.px - b.px)\n}\n\nexport function getBaseValue<T>(value: T | Record<string, T>): T | undefined {\n  if (isPlainObject(value)) {\n    return (value as Record<string, T>).base\n  }\n\n  return value\n}\n\nexport function getDefaultZIndex(level: 'app' | 'modal' | 'popover' | 'overlay' | 'max') {\n  const values = {\n    app: 100,\n    modal: 200,\n    popover: 300,\n    overlay: 400,\n    max: 9999,\n  }\n\n  return values[level]\n}\n\nexport function memoize<Args extends unknown[], Return>(fn: (...args: Args) => Return) {\n  const cache = new Map<string, Return>()\n\n  return (...args: Args) => {\n    const key = JSON.stringify(args)\n\n    if (cache.has(key)) {\n      return cache.get(key)!\n    }\n\n    const result = fn(...args)\n    cache.set(key, result)\n    return result\n  }\n}\n\nexport function findClosestNumber(value: number, values: number[]) {\n  return values.reduce((closest, current) =>\n    Math.abs(current - value) < Math.abs(closest - value) ? current : closest,\n  )\n}\n\nexport function createEventHandler<Event>(...handlers: (((event: Event) => void) | undefined)[]) {\n  return (event: Event) => {\n    handlers.forEach((handler) => handler?.(event))\n  }\n}\n\nexport function getSafeId(uid: string, errorMessage: string) {\n  return (staticId?: string) => {\n    if (typeof staticId === 'string') {\n      return staticId\n    }\n\n    if (uid === '') {\n      throw new Error(errorMessage)\n    }\n\n    return uid\n  }\n}\n"],"mappings":";;AAEA,SAAgB,KAAoC,QAAW;CAC7D,OAAO,OAAO,KAAK,MAAM;AAC3B;AAEA,SAAgB,OAAO,CAAC;AAExB,SAAgB,YAAY,OAAoC;CAC9D,OAAO,UAAU,QAAS,OAAO,UAAU,YAAY,OAAO,UAAU;AAC1E;AAEA,SAAS,cAAc,OAA8C;CACnE,IAAI,UAAU,QAAQ,OAAO,UAAU,UACrC,OAAO;CAGT,MAAM,YAAY,OAAO,eAAe,KAAK;CAC7C,OAAO,cAAc,OAAO,aAAa,cAAc;AACzD;AAEA,SAAgB,UACd,QACA,QACO;CACP,MAAM,SAA8B,EAAE,GAAG,OAAO;CAEhD,KAAK,MAAM,EAAE,SAAS,QAAQ;EAC5B,MAAM,cAAc,OAAO;EAC3B,MAAM,cAAc,OAAO;EAE3B,IAAI,cAAc,WAAW,KAAK,cAAc,WAAW,GACzD,OAAO,OAAO,UAAU,aAAa,WAAW;OAC3C,IAAI,gBAAgB,KAAA,GACzB,OAAO,OAAO;CAElB,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,iBAAiB,OAAe;CAC9C,OAAO,MAAM,QAAQ,WAAW,WAAW,IAAI,OAAO,YAAY,GAAG;AACvE;AAEA,SAAgB,YAA2C,OAAU;CACnE,OAAO,KAAK,KAAK,EAAE,QAAoB,KAAK,QAAQ;EAClD,IAAI,MAAM,SAAS,KAAA,GACjB,IAAI,OAAO,MAAM;EAGnB,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAgB,aAAa,OAAgB;CAC3C,IAAI,OAAO,UAAU,UACnB,OAAO;CAGT,IAAI,OAAO,UAAU,UAAU;EAC7B,IACE,MAAM,WAAW,OAAO,KACxB,MAAM,WAAW,MAAM,KACtB,MAAM,SAAS,GAAG,KAAK,MAAM,KAAK,MAAM,IAEzC,OAAO;EAGT,MAAM,gBACJ;EAEF,OADe,MAAM,KAAK,EAAE,MAAM,KAC3B,EAAO,OAAO,QAAQ,cAAc,KAAK,GAAG,CAAC;CACtD;CAEA,OAAO;AACT;AAEA,SAAgB,IAAI,OAAgB;CAClC,IAAI,OAAO,UAAU,UACnB,OAAO,GAAG,QAAQ,GAAG;CAGvB,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,MAAM,SAAS,OAAO,KAAK,MAAM,SAAS,MAAM,GAClD,OAAO;EAGT,IAAI,MAAM,SAAS,IAAI,GACrB,OAAO,GAAG,OAAO,MAAM,QAAQ,MAAM,EAAE,CAAC,IAAI,GAAG;EAGjD,OAAO;CACT;CAEA,OAAO;AACT;AAEA,SAAgB,GAAG,OAAgB;CACjC,IAAI,OAAO,UAAU,UACnB,OAAO,GAAG,QAAQ,GAAG;CAGvB,IAAI,OAAO,UAAU,YAAY,MAAM,SAAS,IAAI,GAClD,OAAO,GAAG,OAAO,MAAM,QAAQ,MAAM,EAAE,CAAC,IAAI,GAAG;CAGjD,OAAO;AACT;AAEA,SAAgB,GAAG,OAAgB;CACjC,IAAI,OAAO,UAAU,UACnB,OAAO;CAGT,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,MAAM,SAAS,KAAK,KAAK,MAAM,SAAS,IAAI,GAC9C,OAAO,OAAO,MAAM,QAAQ,OAAO,EAAE,EAAE,QAAQ,MAAM,EAAE,CAAC,IAAI;EAG9D,IAAI,MAAM,SAAS,IAAI,GACrB,OAAO,OAAO,MAAM,QAAQ,MAAM,EAAE,CAAC;CAEzC;CAEA,OAAO,OAAO,KAAK,KAAK;AAC1B;AAEA,SAAgB,QAAQ,MAAe,SAAS,QAAQ,eAAe,MAA0B;CAC/F,IAAI,SAAS,KAAA,GACX;CAGF,OAAO,aAAa,IAAI,IAAK,eAAe,IAAI,IAAI,IAAI,OAAO,IAAI,IAAK,SAAS,OAAO,GAAG,KAAK;AAClG;AAEA,IAAa,cAAc,SAAkB,QAAQ,MAAM,iBAAiB;AAC5E,IAAa,aAAa,SACxB,SAAS,KAAA,IAAY,kCAAkC,QAAQ,MAAM,gBAAgB;AACvF,IAAa,aAAa,SACxB,OAAO,QAAQ,MAAM,kBAAkB,KAAK,IAAI,KAAA;AAClD,IAAa,eAAe,SAAkB,QAAQ,MAAM,mBAAmB;AAC/E,IAAa,iBAAiB,SAAkB,QAAQ,MAAM,uBAAuB,KAAK;AAE1F,SAAgB,mBAAmB,OAAwB;CACzD,IAAI,OAAO,UAAU,UACnB,OAAO;CAGT,IAAI,MAAM,SAAS,IAAI,GACrB,OAAO,OAAO,MAAM,QAAQ,MAAM,EAAE,CAAC;CAGvC,IAAI,MAAM,SAAS,IAAI,KAAK,MAAM,SAAS,KAAK,GAC9C,OAAO,OAAO,MAAM,QAAQ,MAAM,EAAE,EAAE,QAAQ,OAAO,EAAE,CAAC,IAAI;CAG9D,OAAO,OAAO,KAAK;AACrB;AAEA,SAAgB,qBAAuD,aAAgB;CACrF,OAAO,KAAK,WAAW,EACpB,KAAK,gBAAgB;EAAE;EAAY,IAAI,mBAAmB,YAAY,WAAW;CAAE,EAAE,EACrF,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,EAAE;AAC/B;AAEA,SAAgB,aAAgB,OAA6C;CAC3E,IAAI,cAAc,KAAK,GACrB,OAAQ,MAA4B;CAGtC,OAAO;AACT;AAEA,SAAgB,iBAAiB,OAAwD;CASvF,OAAO;EAPL,KAAK;EACL,OAAO;EACP,SAAS;EACT,SAAS;EACT,KAAK;CAGA,EAAO;AAChB;AAEA,SAAgB,QAAwC,IAA+B;CACrF,MAAM,wBAAQ,IAAI,IAAoB;CAEtC,QAAQ,GAAG,SAAe;EACxB,MAAM,MAAM,KAAK,UAAU,IAAI;EAE/B,IAAI,MAAM,IAAI,GAAG,GACf,OAAO,MAAM,IAAI,GAAG;EAGtB,MAAM,SAAS,GAAG,GAAG,IAAI;EACzB,MAAM,IAAI,KAAK,MAAM;EACrB,OAAO;CACT;AACF;AAEA,SAAgB,kBAAkB,OAAe,QAAkB;CACjE,OAAO,OAAO,QAAQ,SAAS,YAC7B,KAAK,IAAI,UAAU,KAAK,IAAI,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,OACpE;AACF;AAEA,SAAgB,mBAA0B,GAAG,UAAoD;CAC/F,QAAQ,UAAiB;EACvB,SAAS,SAAS,YAAY,UAAU,KAAK,CAAC;CAChD;AACF;AAEA,SAAgB,UAAU,KAAa,cAAsB;CAC3D,QAAQ,aAAsB;EAC5B,IAAI,OAAO,aAAa,UACtB,OAAO;EAGT,IAAI,QAAQ,IACV,MAAM,IAAI,MAAM,YAAY;EAG9B,OAAO;CACT;AACF"}

package/esm/index.mjs

@@ -0,0 +1,126 @@
+//#region src/index.ts
+function keys(object) {
+	return Object.keys(object);
+}
+function noop() {}
+function isPrimitive(value) {
+	return value === null || typeof value !== "object" && typeof value !== "function";
+}
+function isPlainObject(value) {
+	if (value === null || typeof value !== "object") return false;
+	const prototype = Object.getPrototypeOf(value);
+	return prototype === Object.prototype || prototype === null;
+}
+function deepMerge(target, source) {
+	const result = { ...target };
+	keys(source).forEach((key) => {
+		const sourceValue = source[key];
+		const targetValue = result[key];
+		if (isPlainObject(targetValue) && isPlainObject(sourceValue)) result[key] = deepMerge(targetValue, sourceValue);
+		else if (sourceValue !== void 0) result[key] = sourceValue;
+	});
+	return result;
+}
+function camelToKebabCase(value) {
+	return value.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
+function filterProps(props) {
+	return keys(props).reduce((acc, key) => {
+		if (props[key] !== void 0) acc[key] = props[key];
+		return acc;
+	}, {});
+}
+function isNumberLike(value) {
+	if (typeof value === "number") return true;
+	if (typeof value === "string") {
+		if (value.startsWith("calc(") || value.startsWith("var(") || value.includes(" ") && value.trim() !== "") return true;
+		const cssUnitsRegex = /^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;
+		return value.trim().split(/\s+/).every((val) => cssUnitsRegex.test(val));
+	}
+	return false;
+}
+function rem(value) {
+	if (typeof value === "number") return `${value / 16}rem`;
+	if (typeof value === "string") {
+		if (value.includes("calc(") || value.includes("var(")) return value;
+		if (value.endsWith("px")) return `${Number(value.replace("px", "")) / 16}rem`;
+		return value;
+	}
+	return value;
+}
+function em(value) {
+	if (typeof value === "number") return `${value / 16}em`;
+	if (typeof value === "string" && value.endsWith("px")) return `${Number(value.replace("px", "")) / 16}em`;
+	return value;
+}
+function px(value) {
+	if (typeof value === "number") return value;
+	if (typeof value === "string") {
+		if (value.endsWith("rem") || value.endsWith("em")) return Number(value.replace("rem", "").replace("em", "")) * 16;
+		if (value.endsWith("px")) return Number(value.replace("px", ""));
+	}
+	return Number(value) || 0;
+}
+function getSize(size, prefix = "size", convertToRem = true) {
+	if (size === void 0) return;
+	return isNumberLike(size) ? convertToRem ? rem(size) : String(size) : `var(--${prefix}-${size})`;
+}
+var getSpacing = (size) => getSize(size, "mantine-spacing");
+var getRadius = (size) => size === void 0 ? "var(--mantine-radius-default)" : getSize(size, "mantine-radius");
+var getShadow = (size) => size ? getSize(size, "mantine-shadow", false) : void 0;
+var getFontSize = (size) => getSize(size, "mantine-font-size");
+var getLineHeight = (size) => getSize(size, "mantine-line-height", false);
+function getBreakpointValue(value) {
+	if (typeof value === "number") return value;
+	if (value.endsWith("px")) return Number(value.replace("px", ""));
+	if (value.endsWith("em") || value.endsWith("rem")) return Number(value.replace("em", "").replace("rem", "")) * 16;
+	return Number(value);
+}
+function getSortedBreakpoints(breakpoints) {
+	return keys(breakpoints).map((breakpoint) => ({
+		breakpoint,
+		px: getBreakpointValue(breakpoints[breakpoint])
+	})).sort((a, b) => a.px - b.px);
+}
+function getBaseValue(value) {
+	if (isPlainObject(value)) return value.base;
+	return value;
+}
+function getDefaultZIndex(level) {
+	return {
+		app: 100,
+		modal: 200,
+		popover: 300,
+		overlay: 400,
+		max: 9999
+	}[level];
+}
+function memoize(fn) {
+	const cache = /* @__PURE__ */ new Map();
+	return (...args) => {
+		const key = JSON.stringify(args);
+		if (cache.has(key)) return cache.get(key);
+		const result = fn(...args);
+		cache.set(key, result);
+		return result;
+	};
+}
+function findClosestNumber(value, values) {
+	return values.reduce((closest, current) => Math.abs(current - value) < Math.abs(closest - value) ? current : closest);
+}
+function createEventHandler(...handlers) {
+	return (event) => {
+		handlers.forEach((handler) => handler?.(event));
+	};
+}
+function getSafeId(uid, errorMessage) {
+	return (staticId) => {
+		if (typeof staticId === "string") return staticId;
+		if (uid === "") throw new Error(errorMessage);
+		return uid;
+	};
+}
+//#endregion
+export { camelToKebabCase, createEventHandler, deepMerge, em, filterProps, findClosestNumber, getBaseValue, getBreakpointValue, getDefaultZIndex, getFontSize, getLineHeight, getRadius, getSafeId, getShadow, getSize, getSortedBreakpoints, getSpacing, isNumberLike, isPrimitive, keys, memoize, noop, px, rem };
+
+//# sourceMappingURL=index.mjs.map

package/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["export type Primitive = string | number | boolean | bigint | symbol | null | undefined\n\nexport function keys<T extends Record<string, any>>(object: T) {\n  return Object.keys(object) as (keyof T & string)[]\n}\n\nexport function noop() {}\n\nexport function isPrimitive(value: unknown): value is Primitive {\n  return value === null || (typeof value !== 'object' && typeof value !== 'function')\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, any> {\n  if (value === null || typeof value !== 'object') {\n    return false\n  }\n\n  const prototype = Object.getPrototypeOf(value)\n  return prototype === Object.prototype || prototype === null\n}\n\nexport function deepMerge<T extends Record<string, any>, U extends Record<string, any>>(\n  target: T,\n  source: U,\n): T & U {\n  const result: Record<string, any> = { ...target }\n\n  keys(source).forEach((key) => {\n    const sourceValue = source[key]\n    const targetValue = result[key]\n\n    if (isPlainObject(targetValue) && isPlainObject(sourceValue)) {\n      result[key] = deepMerge(targetValue, sourceValue)\n    } else if (sourceValue !== undefined) {\n      result[key] = sourceValue\n    }\n  })\n\n  return result as T & U\n}\n\nexport function camelToKebabCase(value: string) {\n  return value.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)\n}\n\nexport function filterProps<T extends Record<string, any>>(props: T) {\n  return keys(props).reduce<Partial<T>>((acc, key) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key]\n    }\n\n    return acc\n  }, {})\n}\n\nexport function isNumberLike(value: unknown) {\n  if (typeof value === 'number') {\n    return true\n  }\n\n  if (typeof value === 'string') {\n    if (\n      value.startsWith('calc(') ||\n      value.startsWith('var(') ||\n      (value.includes(' ') && value.trim() !== '')\n    ) {\n      return true\n    }\n\n    const cssUnitsRegex =\n      /^[+-]?[0-9]+(\\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/\n    const values = value.trim().split(/\\s+/)\n    return values.every((val) => cssUnitsRegex.test(val))\n  }\n\n  return false\n}\n\nexport function rem(value: unknown) {\n  if (typeof value === 'number') {\n    return `${value / 16}rem`\n  }\n\n  if (typeof value === 'string') {\n    if (value.includes('calc(') || value.includes('var(')) {\n      return value\n    }\n\n    if (value.endsWith('px')) {\n      return `${Number(value.replace('px', '')) / 16}rem`\n    }\n\n    return value\n  }\n\n  return value as string\n}\n\nexport function em(value: unknown) {\n  if (typeof value === 'number') {\n    return `${value / 16}em`\n  }\n\n  if (typeof value === 'string' && value.endsWith('px')) {\n    return `${Number(value.replace('px', '')) / 16}em`\n  }\n\n  return value as string\n}\n\nexport function px(value: unknown) {\n  if (typeof value === 'number') {\n    return value\n  }\n\n  if (typeof value === 'string') {\n    if (value.endsWith('rem') || value.endsWith('em')) {\n      return Number(value.replace('rem', '').replace('em', '')) * 16\n    }\n\n    if (value.endsWith('px')) {\n      return Number(value.replace('px', ''))\n    }\n  }\n\n  return Number(value) || 0\n}\n\nexport function getSize(size: unknown, prefix = 'size', convertToRem = true): string | undefined {\n  if (size === undefined) {\n    return undefined\n  }\n\n  return isNumberLike(size) ? (convertToRem ? rem(size) : String(size)) : `var(--${prefix}-${size})`\n}\n\nexport const getSpacing = (size: unknown) => getSize(size, 'mantine-spacing')\nexport const getRadius = (size: unknown) =>\n  size === undefined ? 'var(--mantine-radius-default)' : getSize(size, 'mantine-radius')\nexport const getShadow = (size: unknown) =>\n  size ? getSize(size, 'mantine-shadow', false) : undefined\nexport const getFontSize = (size: unknown) => getSize(size, 'mantine-font-size')\nexport const getLineHeight = (size: unknown) => getSize(size, 'mantine-line-height', false)\n\nexport function getBreakpointValue(value: string | number) {\n  if (typeof value === 'number') {\n    return value\n  }\n\n  if (value.endsWith('px')) {\n    return Number(value.replace('px', ''))\n  }\n\n  if (value.endsWith('em') || value.endsWith('rem')) {\n    return Number(value.replace('em', '').replace('rem', '')) * 16\n  }\n\n  return Number(value)\n}\n\nexport function getSortedBreakpoints<T extends Record<string, string>>(breakpoints: T) {\n  return keys(breakpoints)\n    .map((breakpoint) => ({ breakpoint, px: getBreakpointValue(breakpoints[breakpoint]) }))\n    .sort((a, b) => a.px - b.px)\n}\n\nexport function getBaseValue<T>(value: T | Record<string, T>): T | undefined {\n  if (isPlainObject(value)) {\n    return (value as Record<string, T>).base\n  }\n\n  return value\n}\n\nexport function getDefaultZIndex(level: 'app' | 'modal' | 'popover' | 'overlay' | 'max') {\n  const values = {\n    app: 100,\n    modal: 200,\n    popover: 300,\n    overlay: 400,\n    max: 9999,\n  }\n\n  return values[level]\n}\n\nexport function memoize<Args extends unknown[], Return>(fn: (...args: Args) => Return) {\n  const cache = new Map<string, Return>()\n\n  return (...args: Args) => {\n    const key = JSON.stringify(args)\n\n    if (cache.has(key)) {\n      return cache.get(key)!\n    }\n\n    const result = fn(...args)\n    cache.set(key, result)\n    return result\n  }\n}\n\nexport function findClosestNumber(value: number, values: number[]) {\n  return values.reduce((closest, current) =>\n    Math.abs(current - value) < Math.abs(closest - value) ? current : closest,\n  )\n}\n\nexport function createEventHandler<Event>(...handlers: (((event: Event) => void) | undefined)[]) {\n  return (event: Event) => {\n    handlers.forEach((handler) => handler?.(event))\n  }\n}\n\nexport function getSafeId(uid: string, errorMessage: string) {\n  return (staticId?: string) => {\n    if (typeof staticId === 'string') {\n      return staticId\n    }\n\n    if (uid === '') {\n      throw new Error(errorMessage)\n    }\n\n    return uid\n  }\n}\n"],"mappings":"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"}

package/lib/index.d.mts

@@ -0,0 +1,28 @@
+export type Primitive = string | number | boolean | bigint | symbol | null | undefined;
+export declare function keys<T extends Record<string, any>>(object: T): (keyof T & string)[];
+export declare function noop(): void;
+export declare function isPrimitive(value: unknown): value is Primitive;
+export declare function deepMerge<T extends Record<string, any>, U extends Record<string, any>>(target: T, source: U): T & U;
+export declare function camelToKebabCase(value: string): string;
+export declare function filterProps<T extends Record<string, any>>(props: T): Partial<T>;
+export declare function isNumberLike(value: unknown): boolean;
+export declare function rem(value: unknown): string;
+export declare function em(value: unknown): string;
+export declare function px(value: unknown): number;
+export declare function getSize(size: unknown, prefix?: string, convertToRem?: boolean): string | undefined;
+export declare const getSpacing: (size: unknown) => string | undefined;
+export declare const getRadius: (size: unknown) => string | undefined;
+export declare const getShadow: (size: unknown) => string | undefined;
+export declare const getFontSize: (size: unknown) => string | undefined;
+export declare const getLineHeight: (size: unknown) => string | undefined;
+export declare function getBreakpointValue(value: string | number): number;
+export declare function getSortedBreakpoints<T extends Record<string, string>>(breakpoints: T): {
+    breakpoint: keyof T & string;
+    px: number;
+}[];
+export declare function getBaseValue<T>(value: T | Record<string, T>): T | undefined;
+export declare function getDefaultZIndex(level: 'app' | 'modal' | 'popover' | 'overlay' | 'max'): number;
+export declare function memoize<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;
+export declare function findClosestNumber(value: number, values: number[]): number;
+export declare function createEventHandler<Event>(...handlers: (((event: Event) => void) | undefined)[]): (event: Event) => void;
+export declare function getSafeId(uid: string, errorMessage: string): (staticId?: string) => string;

package/lib/index.d.ts

@@ -0,0 +1,28 @@
+export type Primitive = string | number | boolean | bigint | symbol | null | undefined;
+export declare function keys<T extends Record<string, any>>(object: T): (keyof T & string)[];
+export declare function noop(): void;
+export declare function isPrimitive(value: unknown): value is Primitive;
+export declare function deepMerge<T extends Record<string, any>, U extends Record<string, any>>(target: T, source: U): T & U;
+export declare function camelToKebabCase(value: string): string;
+export declare function filterProps<T extends Record<string, any>>(props: T): Partial<T>;
+export declare function isNumberLike(value: unknown): boolean;
+export declare function rem(value: unknown): string;
+export declare function em(value: unknown): string;
+export declare function px(value: unknown): number;
+export declare function getSize(size: unknown, prefix?: string, convertToRem?: boolean): string | undefined;
+export declare const getSpacing: (size: unknown) => string | undefined;
+export declare const getRadius: (size: unknown) => string | undefined;
+export declare const getShadow: (size: unknown) => string | undefined;
+export declare const getFontSize: (size: unknown) => string | undefined;
+export declare const getLineHeight: (size: unknown) => string | undefined;
+export declare function getBreakpointValue(value: string | number): number;
+export declare function getSortedBreakpoints<T extends Record<string, string>>(breakpoints: T): {
+    breakpoint: keyof T & string;
+    px: number;
+}[];
+export declare function getBaseValue<T>(value: T | Record<string, T>): T | undefined;
+export declare function getDefaultZIndex(level: 'app' | 'modal' | 'popover' | 'overlay' | 'max'): number;
+export declare function memoize<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;
+export declare function findClosestNumber(value: number, values: number[]): number;
+export declare function createEventHandler<Event>(...handlers: (((event: Event) => void) | undefined)[]): (event: Event) => void;
+export declare function getSafeId(uid: string, errorMessage: string): (staticId?: string) => string;

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@mantine-vue/utils",
+  "version": "1.1.2",
+  "description": "Framework-independent utilities ported from Mantine foundation",
+  "license": "MIT",
+  "files": [
+    "cjs",
+    "esm",
+    "lib",
+    "styles.css",
+    "styles.layer.css",
+    "styles"
+  ],
+  "sideEffects": false,
+  "main": "./cjs/index.cjs",
+  "module": "./esm/index.mjs",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.cjs"
+      }
+    }
+  }
+}