@trackunit/shared-utils 1.11.9 → 1.11.12

package/index.cjs.js

@@ -1409,6 +1409,25 @@ const uuidv4 = () => {
  */
 const uuidv5 = (name, namespace) => uuid.v5(name, namespace);
 
+/**
+ * Parses the numeric value from a Tailwind arbitrary value class.
+ * This is useful when you need both a static Tailwind class (for JIT compilation)
+ * and a numeric value for runtime logic, keeping them in sync.
+ *
+ * @param className - A Tailwind class containing an arbitrary numeric value
+ * @returns {number} The numeric value extracted from the class
+ * @example
+ * const MIN_WIDTH_CLASS = "min-w-[80px]";
+ * const MIN_WIDTH_PX = parseTailwindArbitraryValue(MIN_WIDTH_CLASS); // 80
+ */
+const parseTailwindArbitraryValue = (className) => {
+    const match = className.match(/\[(-?\d+)/);
+    if (match === null) {
+        throw new Error(`Could not extract arbitrary value from: ${className}`);
+    }
+    return Number(match[1]);
+};
+
 const METERS_PER_YARD = 0.9144; // 1 yard = 0.9144 meters
 const METERS_PER_KILOMETER = 1000; // 1 kilometer = 1000 meters
 const YARDS_PER_METER = 1.09361; // 1 meter = 1.09361 yards
@@ -1588,6 +1607,7 @@ exports.objectEntries = objectEntries;
 exports.objectFromEntries = objectFromEntries;
 exports.objectKeys = objectKeys;
 exports.objectValues = objectValues;
+exports.parseTailwindArbitraryValue = parseTailwindArbitraryValue;
 exports.pick = pick;
 exports.preload = preload;
 exports.removeLeftPadding = removeLeftPadding;

package/index.esm.js

@@ -1407,6 +1407,25 @@ const uuidv4 = () => {
  */
 const uuidv5 = (name, namespace) => v5(name, namespace);
 
+/**
+ * Parses the numeric value from a Tailwind arbitrary value class.
+ * This is useful when you need both a static Tailwind class (for JIT compilation)
+ * and a numeric value for runtime logic, keeping them in sync.
+ *
+ * @param className - A Tailwind class containing an arbitrary numeric value
+ * @returns {number} The numeric value extracted from the class
+ * @example
+ * const MIN_WIDTH_CLASS = "min-w-[80px]";
+ * const MIN_WIDTH_PX = parseTailwindArbitraryValue(MIN_WIDTH_CLASS); // 80
+ */
+const parseTailwindArbitraryValue = (className) => {
+    const match = className.match(/\[(-?\d+)/);
+    if (match === null) {
+        throw new Error(`Could not extract arbitrary value from: ${className}`);
+    }
+    return Number(match[1]);
+};
+
 const METERS_PER_YARD = 0.9144; // 1 yard = 0.9144 meters
 const METERS_PER_KILOMETER = 1000; // 1 kilometer = 1000 meters
 const YARDS_PER_METER = 1.09361; // 1 meter = 1.09361 yards
@@ -1528,4 +1547,4 @@ const formatUsCustomaryDistance = (value) => {
     }
 };
 
-export { DateTimeFormat, HoursAndMinutesFormat, UnitsOfMeasurementSI, UnitsOfMeasurementUSCustomary, align, alphabeticallySort, arrayLengthCompare, arrayNotEmpty, booleanCompare, calculateImageScaleRatio, capitalize, colorsFromStyleDeclaration, convertBlobToBase64, convertMetersToKilometers, convertMetersToYards, convertYardsToMeters, convertYardsToMiles, dateCompare, deleteUndefinedKeys, difference, doNothing, enumFromValue, enumFromValueTypesafe, enumOrUndefinedFromValue, exhaustiveCheck, fetchImageAsBase64, filterByMultiple, formatAddress, formatCoordinates, formatSiDistance, formatUsCustomaryDistance, fuzzySearch, getAllColors, getDifferenceBetweenDates, getEndOfDay, getFirstLevelObjectPropertyDifferences, getISOStringFromDate, getLoremIpsum, getMimeTypeFromDataURL, getResizedDimensions, getStartOfDay, groupBy, groupTinyDataToOthers, hourIntervals, intersection, isArrayEqual, isSorted, isUUID, isValidImage, loadSVGDimensions, nonNullable, numberCompare, numberCompareUnknownAfterHighest, objNotEmpty, objectEntries, objectFromEntries, objectKeys, objectValues, pick, preload, removeLeftPadding, removeProperties, removeProperty, replaceNullableNumbersWithZero, resizeBlob, resizeImage, rgb2hex, size, stringCompare, stringCompareFromKey, stringNaturalCompare, stripHiddenCharacters, svgToPNG, titleCase, toID, toIDs, toPNG, toUUID, trimIds, trimPath, truthy, unionArraysByKey, uuidv3, uuidv4, uuidv5 };
+export { DateTimeFormat, HoursAndMinutesFormat, UnitsOfMeasurementSI, UnitsOfMeasurementUSCustomary, align, alphabeticallySort, arrayLengthCompare, arrayNotEmpty, booleanCompare, calculateImageScaleRatio, capitalize, colorsFromStyleDeclaration, convertBlobToBase64, convertMetersToKilometers, convertMetersToYards, convertYardsToMeters, convertYardsToMiles, dateCompare, deleteUndefinedKeys, difference, doNothing, enumFromValue, enumFromValueTypesafe, enumOrUndefinedFromValue, exhaustiveCheck, fetchImageAsBase64, filterByMultiple, formatAddress, formatCoordinates, formatSiDistance, formatUsCustomaryDistance, fuzzySearch, getAllColors, getDifferenceBetweenDates, getEndOfDay, getFirstLevelObjectPropertyDifferences, getISOStringFromDate, getLoremIpsum, getMimeTypeFromDataURL, getResizedDimensions, getStartOfDay, groupBy, groupTinyDataToOthers, hourIntervals, intersection, isArrayEqual, isSorted, isUUID, isValidImage, loadSVGDimensions, nonNullable, numberCompare, numberCompareUnknownAfterHighest, objNotEmpty, objectEntries, objectFromEntries, objectKeys, objectValues, parseTailwindArbitraryValue, pick, preload, removeLeftPadding, removeProperties, removeProperty, replaceNullableNumbersWithZero, resizeBlob, resizeImage, rgb2hex, size, stringCompare, stringCompareFromKey, stringNaturalCompare, stripHiddenCharacters, svgToPNG, titleCase, toID, toIDs, toPNG, toUUID, trimIds, trimPath, truthy, unionArraysByKey, uuidv3, uuidv4, uuidv5 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/shared-utils",
-  "version": "1.11.9",
+  "version": "1.11.12",
   "repository": "https://github.com/Trackunit/manager",
   "engines": {
     "node": ">=24.x"

package/src/index.d.ts

@@ -25,4 +25,5 @@ export * from "./svgTools";
 export * from "./translationUtils";
 export * from "./typeUtils";
 export * from "./UUID";
+export * from "./tailwindUtils";
 export * from "./UnitOfMeasurementConverter";

package/src/tailwindUtils.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Represents a Tailwind CSS class with an arbitrary numeric value.
+ *
+ * @example "min-w-[80px]", "gap-[12rem]", "top-[-10px]"
+ */
+export type TailwindArbitraryValueClass = `${string}[${number}${string}]` | `${string}[-${number}${string}]`;
+/**
+ * Parses the numeric value from a Tailwind arbitrary value class.
+ * This is useful when you need both a static Tailwind class (for JIT compilation)
+ * and a numeric value for runtime logic, keeping them in sync.
+ *
+ * @param className - A Tailwind class containing an arbitrary numeric value
+ * @returns {number} The numeric value extracted from the class
+ * @example
+ * const MIN_WIDTH_CLASS = "min-w-[80px]";
+ * const MIN_WIDTH_PX = parseTailwindArbitraryValue(MIN_WIDTH_CLASS); // 80
+ */
+export declare const parseTailwindArbitraryValue: (className: TailwindArbitraryValueClass) => number;