@just-web/toolkits 1.0.0

package/dist/theme/theme-store/theme-store-factory.types.d.cts

@@ -0,0 +1,10 @@
+import { ThemeMap } from "../theme-map.types.cjs";
+import { AsyncThemeStore } from "./async-theme-store.types.cjs";
+import { ThemeStore } from "./theme-store.types.cjs";
+
+//#region src/theme/theme-store/theme-store-factory.types.d.ts
+/** Factory signature for theme stores. */
+type ThemeStoreFactory<Themes extends ThemeMap> = (themes: Themes, ...args: any[]) => ThemeStore<Themes> | AsyncThemeStore<Themes>;
+//#endregion
+export { ThemeStoreFactory };
+//# sourceMappingURL=theme-store-factory.types.d.cts.map

package/dist/theme/theme-store/theme-store-factory.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-store-factory.types.d.cts","names":[],"sources":["../../../src/theme/theme-store/theme-store-factory.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,iCAAiC,qBACpC,2BAEJ,WAAW,UAAU,gBAAgB"}

package/dist/theme/theme-store/theme-store-factory.types.d.mts

@@ -0,0 +1,10 @@
+import { ThemeMap } from "../theme-map.types.mjs";
+import { AsyncThemeStore } from "./async-theme-store.types.mjs";
+import { ThemeStore } from "./theme-store.types.mjs";
+
+//#region src/theme/theme-store/theme-store-factory.types.d.ts
+/** Factory signature for theme stores. */
+type ThemeStoreFactory<Themes extends ThemeMap> = (themes: Themes, ...args: any[]) => ThemeStore<Themes> | AsyncThemeStore<Themes>;
+//#endregion
+export { ThemeStoreFactory };
+//# sourceMappingURL=theme-store-factory.types.d.mts.map

package/dist/theme/theme-store/theme-store-factory.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-store-factory.types.d.mts","names":[],"sources":["../../../src/theme/theme-store/theme-store-factory.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,iCAAiC,qBACpC,2BAEJ,WAAW,UAAU,gBAAgB"}

package/dist/theme/theme-store/theme-store.types.d.cts

@@ -0,0 +1,33 @@
+import { ThemeMap } from "../theme-map.types.cjs";
+import { ThemeEntry } from "../theme-entry.types.cjs";
+
+//#region src/theme/theme-store/theme-store.types.d.ts
+
+/**
+ * Interface for theme stores with optional read, write, and subscribe methods.
+ * Data flow participation is inferred from which methods exist:
+ *
+ * - **read** – Participates in waterfall read for `getThemeFromStores`
+ * - **write** – Receives writes from `setThemeToStores`
+ * - **subscribe** – GObserved for external changes via `observeThemeFromStores`
+ *
+ * All methods are optional.
+ * Built-in implementations:
+ * - `classNameThemeStore`
+ * - `cookieThemeStore`
+ * - `dataAttributeThemeStore`
+ * - `inMemoryThemeStore`
+ * - `localStorageThemeStore`
+ * - `prefersColorSchemeThemeStore`
+ * - `sessionStorageThemeStore`
+ *
+ * @typeParam Themes - Map of theme keys to their value types (string or readonly string[])
+ */
+interface ThemeStore<Themes extends ThemeMap = ThemeMap> {
+  read?: (() => ThemeEntry<Themes> | undefined) | undefined;
+  write?: ((entry: ThemeEntry<Themes> | undefined) => void) | undefined;
+  subscribe?: ((handler: (theme: ThemeEntry<Themes> | undefined | null) => void) => () => void) | undefined;
+}
+//#endregion
+export { ThemeStore };
+//# sourceMappingURL=theme-store.types.d.cts.map

package/dist/theme/theme-store/theme-store.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-store.types.d.cts","names":[],"sources":["../../../src/theme/theme-store/theme-store.types.ts"],"sourcesContent":[],"mappings":";;;;;;;AAuBA;;;;;;;;;;;;;;;;;;UAAiB,0BAA0B,WAAW;gBACvC,WAAW;mBACR,WAAW;iCAEN,WAAW"}

package/dist/theme/theme-store/theme-store.types.d.mts

@@ -0,0 +1,33 @@
+import { ThemeMap } from "../theme-map.types.mjs";
+import { ThemeEntry } from "../theme-entry.types.mjs";
+
+//#region src/theme/theme-store/theme-store.types.d.ts
+
+/**
+ * Interface for theme stores with optional read, write, and subscribe methods.
+ * Data flow participation is inferred from which methods exist:
+ *
+ * - **read** – Participates in waterfall read for `getThemeFromStores`
+ * - **write** – Receives writes from `setThemeToStores`
+ * - **subscribe** – GObserved for external changes via `observeThemeFromStores`
+ *
+ * All methods are optional.
+ * Built-in implementations:
+ * - `classNameThemeStore`
+ * - `cookieThemeStore`
+ * - `dataAttributeThemeStore`
+ * - `inMemoryThemeStore`
+ * - `localStorageThemeStore`
+ * - `prefersColorSchemeThemeStore`
+ * - `sessionStorageThemeStore`
+ *
+ * @typeParam Themes - Map of theme keys to their value types (string or readonly string[])
+ */
+interface ThemeStore<Themes extends ThemeMap = ThemeMap> {
+  read?: (() => ThemeEntry<Themes> | undefined) | undefined;
+  write?: ((entry: ThemeEntry<Themes> | undefined) => void) | undefined;
+  subscribe?: ((handler: (theme: ThemeEntry<Themes> | undefined | null) => void) => () => void) | undefined;
+}
+//#endregion
+export { ThemeStore };
+//# sourceMappingURL=theme-store.types.d.mts.map

package/dist/theme/theme-store/theme-store.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-store.types.d.mts","names":[],"sources":["../../../src/theme/theme-store/theme-store.types.ts"],"sourcesContent":[],"mappings":";;;;;;;AAuBA;;;;;;;;;;;;;;;;;;UAAiB,0BAA0B,WAAW;gBACvC,WAAW;mBACR,WAAW;iCAEN,WAAW"}

package/dist/theme.cjs

@@ -0,0 +1,20 @@
+const require_theme_entry = require('./theme/theme-entry.cjs');
+const require_class_name_theme_store = require('./theme/theme-store/class-name-theme-store/class-name-theme-store.cjs');
+const require_data_attribute_theme_store = require('./theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.cjs');
+const require_local_storage_theme_store = require('./theme/theme-store/local-storage-theme-store/local-storage-theme-store.cjs');
+const require_compose_theme_stores = require('./theme/compose-theme-stores.cjs');
+const require_cookie_theme_store = require('./theme/theme-store/cookie-theme-store/cookie-theme-store.cjs');
+const require_in_memory_theme_store = require('./theme/theme-store/in-memory-theme-store/in-memory-theme-store.cjs');
+const require_prefers_color_scheme_theme_store = require('./theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.cjs');
+const require_session_storage_theme_store = require('./theme/theme-store/session-storage-theme-store/session-storage-theme-store.cjs');
+
+exports.classNameThemeStore = require_class_name_theme_store.classNameThemeStore;
+exports.composeThemeStores = require_compose_theme_stores.composeThemeStores;
+exports.cookieThemeStore = require_cookie_theme_store.cookieThemeStore;
+exports.dataAttributeThemeStore = require_data_attribute_theme_store.dataAttributeThemeStore;
+exports.getThemeFromCookie = require_cookie_theme_store.getThemeFromCookie;
+exports.inMemoryThemeStore = require_in_memory_theme_store.inMemoryThemeStore;
+exports.localStorageThemeStore = require_local_storage_theme_store.localStorageThemeStore;
+exports.prefersColorSchemeThemeStore = require_prefers_color_scheme_theme_store.prefersColorSchemeThemeStore;
+exports.sessionStorageThemeStore = require_session_storage_theme_store.sessionStorageThemeStore;
+exports.themeEntry = require_theme_entry.themeEntry;

package/dist/theme.d.cts

@@ -0,0 +1,15 @@
+import { ThemeMap } from "./theme/theme-map.types.cjs";
+import { ThemeEntry } from "./theme/theme-entry.types.cjs";
+import { AsyncThemeStore } from "./theme/theme-store/async-theme-store.types.cjs";
+import { ThemeStore } from "./theme/theme-store/theme-store.types.cjs";
+import { ThemeStoreFactory } from "./theme/theme-store/theme-store-factory.types.cjs";
+import { ComposeThemeStoreEntry, ComposeThemeStoresOptions, composeThemeStores } from "./theme/compose-theme-stores.cjs";
+import { themeEntry } from "./theme/theme-entry.cjs";
+import { classNameThemeStore } from "./theme/theme-store/class-name-theme-store/class-name-theme-store.cjs";
+import { CookieThemeStoreOptions, cookieThemeStore, getThemeFromCookie } from "./theme/theme-store/cookie-theme-store/cookie-theme-store.cjs";
+import { dataAttributeThemeStore } from "./theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.cjs";
+import { inMemoryThemeStore } from "./theme/theme-store/in-memory-theme-store/in-memory-theme-store.cjs";
+import { localStorageThemeStore } from "./theme/theme-store/local-storage-theme-store/local-storage-theme-store.cjs";
+import { prefersColorSchemeThemeStore } from "./theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.cjs";
+import { sessionStorageThemeStore } from "./theme/theme-store/session-storage-theme-store/session-storage-theme-store.cjs";
+export { AsyncThemeStore, ComposeThemeStoreEntry, ComposeThemeStoresOptions, CookieThemeStoreOptions, ThemeEntry, ThemeMap, ThemeStore, ThemeStoreFactory, classNameThemeStore, composeThemeStores, cookieThemeStore, dataAttributeThemeStore, getThemeFromCookie, inMemoryThemeStore, localStorageThemeStore, prefersColorSchemeThemeStore, sessionStorageThemeStore, themeEntry };

package/dist/theme.d.mts

@@ -0,0 +1,15 @@
+import { ThemeMap } from "./theme/theme-map.types.mjs";
+import { ThemeEntry } from "./theme/theme-entry.types.mjs";
+import { AsyncThemeStore } from "./theme/theme-store/async-theme-store.types.mjs";
+import { ThemeStore } from "./theme/theme-store/theme-store.types.mjs";
+import { ThemeStoreFactory } from "./theme/theme-store/theme-store-factory.types.mjs";
+import { ComposeThemeStoreEntry, ComposeThemeStoresOptions, composeThemeStores } from "./theme/compose-theme-stores.mjs";
+import { themeEntry } from "./theme/theme-entry.mjs";
+import { classNameThemeStore } from "./theme/theme-store/class-name-theme-store/class-name-theme-store.mjs";
+import { CookieThemeStoreOptions, cookieThemeStore, getThemeFromCookie } from "./theme/theme-store/cookie-theme-store/cookie-theme-store.mjs";
+import { dataAttributeThemeStore } from "./theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.mjs";
+import { inMemoryThemeStore } from "./theme/theme-store/in-memory-theme-store/in-memory-theme-store.mjs";
+import { localStorageThemeStore } from "./theme/theme-store/local-storage-theme-store/local-storage-theme-store.mjs";
+import { prefersColorSchemeThemeStore } from "./theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.mjs";
+import { sessionStorageThemeStore } from "./theme/theme-store/session-storage-theme-store/session-storage-theme-store.mjs";
+export { AsyncThemeStore, ComposeThemeStoreEntry, ComposeThemeStoresOptions, CookieThemeStoreOptions, ThemeEntry, ThemeMap, ThemeStore, ThemeStoreFactory, classNameThemeStore, composeThemeStores, cookieThemeStore, dataAttributeThemeStore, getThemeFromCookie, inMemoryThemeStore, localStorageThemeStore, prefersColorSchemeThemeStore, sessionStorageThemeStore, themeEntry };

package/dist/theme.mjs

@@ -0,0 +1,11 @@
+import { themeEntry } from "./theme/theme-entry.mjs";
+import { classNameThemeStore } from "./theme/theme-store/class-name-theme-store/class-name-theme-store.mjs";
+import { dataAttributeThemeStore } from "./theme/theme-store/data-attribute-theme-store/data-attribute-theme-store.mjs";
+import { localStorageThemeStore } from "./theme/theme-store/local-storage-theme-store/local-storage-theme-store.mjs";
+import { composeThemeStores } from "./theme/compose-theme-stores.mjs";
+import { cookieThemeStore, getThemeFromCookie } from "./theme/theme-store/cookie-theme-store/cookie-theme-store.mjs";
+import { inMemoryThemeStore } from "./theme/theme-store/in-memory-theme-store/in-memory-theme-store.mjs";
+import { prefersColorSchemeThemeStore } from "./theme/theme-store/prefers-color-scheme-theme-store/prefers-color-scheme-theme-store.mjs";
+import { sessionStorageThemeStore } from "./theme/theme-store/session-storage-theme-store/session-storage-theme-store.mjs";
+
+export { classNameThemeStore, composeThemeStores, cookieThemeStore, dataAttributeThemeStore, getThemeFromCookie, inMemoryThemeStore, localStorageThemeStore, prefersColorSchemeThemeStore, sessionStorageThemeStore, themeEntry };

package/dist/units/get-rem-to-px-scale.cjs

@@ -0,0 +1,30 @@
+
+//#region src/units/get-rem-to-px-scale.ts
+const DEFAULT_REM_TO_PX_SCALE = 16;
+/**
+* Returns the current document's rem-to-px scale (the pixel value of 1rem).
+*
+* Reads the computed font size of the root element (`html`), which is the value
+* the browser uses to resolve rem units. In non-browser environments (e.g. SSR,
+* Node), returns {@link DEFAULT_REM_TO_PX_SCALE} as a fallback.
+*
+* @returns The number of pixels that 1rem equals in the current document,
+* or {@link DEFAULT_REM_TO_PX_SCALE} when not in a browser.
+*
+* @example
+* ```ts
+* getRemToPxScale() // e.g. 16 (or 20 if user increased default font size)
+* rem2px(1, { base: getRemToPxScale() }) // matches actual 1rem in the document
+* ```
+*/
+function getRemToPxScale() {
+	/* c8 ignore start */
+	if (typeof document === "undefined" || !document.documentElement) return DEFAULT_REM_TO_PX_SCALE;
+	/* c8 ignore end */
+	const rootFontSize = getComputedStyle(document.documentElement).fontSize;
+	return Number.parseFloat(rootFontSize) ?? DEFAULT_REM_TO_PX_SCALE;
+}
+
+//#endregion
+exports.getRemToPxScale = getRemToPxScale;
+//# sourceMappingURL=get-rem-to-px-scale.cjs.map

package/dist/units/get-rem-to-px-scale.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-rem-to-px-scale.cjs","names":[],"sources":["../../src/units/get-rem-to-px-scale.ts"],"sourcesContent":["const DEFAULT_REM_TO_PX_SCALE = 16\n\n/**\n * Returns the current document's rem-to-px scale (the pixel value of 1rem).\n *\n * Reads the computed font size of the root element (`html`), which is the value\n * the browser uses to resolve rem units. In non-browser environments (e.g. SSR,\n * Node), returns {@link DEFAULT_REM_TO_PX_SCALE} as a fallback.\n *\n * @returns The number of pixels that 1rem equals in the current document,\n * or {@link DEFAULT_REM_TO_PX_SCALE} when not in a browser.\n *\n * @example\n * ```ts\n * getRemToPxScale() // e.g. 16 (or 20 if user increased default font size)\n * rem2px(1, { base: getRemToPxScale() }) // matches actual 1rem in the document\n * ```\n */\nexport function getRemToPxScale(): number {\n\t/* c8 ignore start */\n\tif (typeof document === 'undefined' || !document.documentElement) {\n\t\treturn DEFAULT_REM_TO_PX_SCALE\n\t}\n\t/* c8 ignore end */\n\tconst rootFontSize = getComputedStyle(document.documentElement).fontSize\n\treturn Number.parseFloat(rootFontSize) ?? DEFAULT_REM_TO_PX_SCALE\n}\n"],"mappings":";;AAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;AAkBhC,SAAgB,kBAA0B;;AAEzC,KAAI,OAAO,aAAa,eAAe,CAAC,SAAS,gBAChD,QAAO;;CAGR,MAAM,eAAe,iBAAiB,SAAS,gBAAgB,CAAC;AAChE,QAAO,OAAO,WAAW,aAAa,IAAI"}

package/dist/units/get-rem-to-px-scale.d.cts

@@ -0,0 +1,21 @@
+//#region src/units/get-rem-to-px-scale.d.ts
+/**
+ * Returns the current document's rem-to-px scale (the pixel value of 1rem).
+ *
+ * Reads the computed font size of the root element (`html`), which is the value
+ * the browser uses to resolve rem units. In non-browser environments (e.g. SSR,
+ * Node), returns {@link DEFAULT_REM_TO_PX_SCALE} as a fallback.
+ *
+ * @returns The number of pixels that 1rem equals in the current document,
+ * or {@link DEFAULT_REM_TO_PX_SCALE} when not in a browser.
+ *
+ * @example
+ * ```ts
+ * getRemToPxScale() // e.g. 16 (or 20 if user increased default font size)
+ * rem2px(1, { base: getRemToPxScale() }) // matches actual 1rem in the document
+ * ```
+ */
+declare function getRemToPxScale(): number;
+//#endregion
+export { getRemToPxScale };
+//# sourceMappingURL=get-rem-to-px-scale.d.cts.map

package/dist/units/get-rem-to-px-scale.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-rem-to-px-scale.d.cts","names":[],"sources":["../../src/units/get-rem-to-px-scale.ts"],"sourcesContent":[],"mappings":";;AAkBA;;;;;;;;;;;;;;;iBAAgB,eAAA,CAAA"}

package/dist/units/get-rem-to-px-scale.d.mts

@@ -0,0 +1,21 @@
+//#region src/units/get-rem-to-px-scale.d.ts
+/**
+ * Returns the current document's rem-to-px scale (the pixel value of 1rem).
+ *
+ * Reads the computed font size of the root element (`html`), which is the value
+ * the browser uses to resolve rem units. In non-browser environments (e.g. SSR,
+ * Node), returns {@link DEFAULT_REM_TO_PX_SCALE} as a fallback.
+ *
+ * @returns The number of pixels that 1rem equals in the current document,
+ * or {@link DEFAULT_REM_TO_PX_SCALE} when not in a browser.
+ *
+ * @example
+ * ```ts
+ * getRemToPxScale() // e.g. 16 (or 20 if user increased default font size)
+ * rem2px(1, { base: getRemToPxScale() }) // matches actual 1rem in the document
+ * ```
+ */
+declare function getRemToPxScale(): number;
+//#endregion
+export { getRemToPxScale };
+//# sourceMappingURL=get-rem-to-px-scale.d.mts.map

package/dist/units/get-rem-to-px-scale.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-rem-to-px-scale.d.mts","names":[],"sources":["../../src/units/get-rem-to-px-scale.ts"],"sourcesContent":[],"mappings":";;AAkBA;;;;;;;;;;;;;;;iBAAgB,eAAA,CAAA"}

package/dist/units/get-rem-to-px-scale.mjs

@@ -0,0 +1,29 @@
+//#region src/units/get-rem-to-px-scale.ts
+const DEFAULT_REM_TO_PX_SCALE = 16;
+/**
+* Returns the current document's rem-to-px scale (the pixel value of 1rem).
+*
+* Reads the computed font size of the root element (`html`), which is the value
+* the browser uses to resolve rem units. In non-browser environments (e.g. SSR,
+* Node), returns {@link DEFAULT_REM_TO_PX_SCALE} as a fallback.
+*
+* @returns The number of pixels that 1rem equals in the current document,
+* or {@link DEFAULT_REM_TO_PX_SCALE} when not in a browser.
+*
+* @example
+* ```ts
+* getRemToPxScale() // e.g. 16 (or 20 if user increased default font size)
+* rem2px(1, { base: getRemToPxScale() }) // matches actual 1rem in the document
+* ```
+*/
+function getRemToPxScale() {
+	/* c8 ignore start */
+	if (typeof document === "undefined" || !document.documentElement) return DEFAULT_REM_TO_PX_SCALE;
+	/* c8 ignore end */
+	const rootFontSize = getComputedStyle(document.documentElement).fontSize;
+	return Number.parseFloat(rootFontSize) ?? DEFAULT_REM_TO_PX_SCALE;
+}
+
+//#endregion
+export { getRemToPxScale };
+//# sourceMappingURL=get-rem-to-px-scale.mjs.map

package/dist/units/get-rem-to-px-scale.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-rem-to-px-scale.mjs","names":[],"sources":["../../src/units/get-rem-to-px-scale.ts"],"sourcesContent":["const DEFAULT_REM_TO_PX_SCALE = 16\n\n/**\n * Returns the current document's rem-to-px scale (the pixel value of 1rem).\n *\n * Reads the computed font size of the root element (`html`), which is the value\n * the browser uses to resolve rem units. In non-browser environments (e.g. SSR,\n * Node), returns {@link DEFAULT_REM_TO_PX_SCALE} as a fallback.\n *\n * @returns The number of pixels that 1rem equals in the current document,\n * or {@link DEFAULT_REM_TO_PX_SCALE} when not in a browser.\n *\n * @example\n * ```ts\n * getRemToPxScale() // e.g. 16 (or 20 if user increased default font size)\n * rem2px(1, { base: getRemToPxScale() }) // matches actual 1rem in the document\n * ```\n */\nexport function getRemToPxScale(): number {\n\t/* c8 ignore start */\n\tif (typeof document === 'undefined' || !document.documentElement) {\n\t\treturn DEFAULT_REM_TO_PX_SCALE\n\t}\n\t/* c8 ignore end */\n\tconst rootFontSize = getComputedStyle(document.documentElement).fontSize\n\treturn Number.parseFloat(rootFontSize) ?? DEFAULT_REM_TO_PX_SCALE\n}\n"],"mappings":";AAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;AAkBhC,SAAgB,kBAA0B;;AAEzC,KAAI,OAAO,aAAa,eAAe,CAAC,SAAS,gBAChD,QAAO;;CAGR,MAAM,eAAe,iBAAiB,SAAS,gBAAgB,CAAC;AAChE,QAAO,OAAO,WAAW,aAAa,IAAI"}

package/dist/units/px-2-num.cjs

@@ -0,0 +1,23 @@
+
+//#region src/units/px-2-num.ts
+/**
+* Converts pixel values to numbers.
+*
+* @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
+* @returns The numeric value
+*
+* @example
+* ```ts
+* px2num(16) // 16
+* px2num('32px') // 32
+* px2num('12.5px') // 12.5
+* px2num('0px') // 0
+* ```
+*/
+function px2num(px) {
+	return typeof px === "string" ? Number.parseFloat(px.replace(/px$/, "")) : Number(px);
+}
+
+//#endregion
+exports.px2num = px2num;
+//# sourceMappingURL=px-2-num.cjs.map

package/dist/units/px-2-num.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"px-2-num.cjs","names":[],"sources":["../../src/units/px-2-num.ts"],"sourcesContent":["/**\n * Converts pixel values to numbers.\n *\n * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')\n * @returns The numeric value\n *\n * @example\n * ```ts\n * px2num(16) // 16\n * px2num('32px') // 32\n * px2num('12.5px') // 12.5\n * px2num('0px') // 0\n * ```\n */\nexport function px2num(px: number | string | undefined): number {\n\treturn typeof px === 'string' ? Number.parseFloat(px.replace(/px$/, '')) : Number(px)\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAcA,SAAgB,OAAO,IAAyC;AAC/D,QAAO,OAAO,OAAO,WAAW,OAAO,WAAW,GAAG,QAAQ,OAAO,GAAG,CAAC,GAAG,OAAO,GAAG"}

package/dist/units/px-2-num.d.cts

@@ -0,0 +1,19 @@
+//#region src/units/px-2-num.d.ts
+/**
+ * Converts pixel values to numbers.
+ *
+ * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
+ * @returns The numeric value
+ *
+ * @example
+ * ```ts
+ * px2num(16) // 16
+ * px2num('32px') // 32
+ * px2num('12.5px') // 12.5
+ * px2num('0px') // 0
+ * ```
+ */
+declare function px2num(px: number | string | undefined): number;
+//#endregion
+export { px2num };
+//# sourceMappingURL=px-2-num.d.cts.map

package/dist/units/px-2-num.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"px-2-num.d.cts","names":[],"sources":["../../src/units/px-2-num.ts"],"sourcesContent":[],"mappings":";;AAcA;;;;;;;;;;;;;iBAAgB,MAAA"}

package/dist/units/px-2-num.d.mts

@@ -0,0 +1,19 @@
+//#region src/units/px-2-num.d.ts
+/**
+ * Converts pixel values to numbers.
+ *
+ * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
+ * @returns The numeric value
+ *
+ * @example
+ * ```ts
+ * px2num(16) // 16
+ * px2num('32px') // 32
+ * px2num('12.5px') // 12.5
+ * px2num('0px') // 0
+ * ```
+ */
+declare function px2num(px: number | string | undefined): number;
+//#endregion
+export { px2num };
+//# sourceMappingURL=px-2-num.d.mts.map

package/dist/units/px-2-num.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"px-2-num.d.mts","names":[],"sources":["../../src/units/px-2-num.ts"],"sourcesContent":[],"mappings":";;AAcA;;;;;;;;;;;;;iBAAgB,MAAA"}

package/dist/units/px-2-num.mjs

@@ -0,0 +1,22 @@
+//#region src/units/px-2-num.ts
+/**
+* Converts pixel values to numbers.
+*
+* @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
+* @returns The numeric value
+*
+* @example
+* ```ts
+* px2num(16) // 16
+* px2num('32px') // 32
+* px2num('12.5px') // 12.5
+* px2num('0px') // 0
+* ```
+*/
+function px2num(px) {
+	return typeof px === "string" ? Number.parseFloat(px.replace(/px$/, "")) : Number(px);
+}
+
+//#endregion
+export { px2num };
+//# sourceMappingURL=px-2-num.mjs.map

package/dist/units/px-2-num.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"px-2-num.mjs","names":[],"sources":["../../src/units/px-2-num.ts"],"sourcesContent":["/**\n * Converts pixel values to numbers.\n *\n * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')\n * @returns The numeric value\n *\n * @example\n * ```ts\n * px2num(16) // 16\n * px2num('32px') // 32\n * px2num('12.5px') // 12.5\n * px2num('0px') // 0\n * ```\n */\nexport function px2num(px: number | string | undefined): number {\n\treturn typeof px === 'string' ? Number.parseFloat(px.replace(/px$/, '')) : Number(px)\n}\n"],"mappings":";;;;;;;;;;;;;;;AAcA,SAAgB,OAAO,IAAyC;AAC/D,QAAO,OAAO,OAAO,WAAW,OAAO,WAAW,GAAG,QAAQ,OAAO,GAAG,CAAC,GAAG,OAAO,GAAG"}

package/dist/units/px-2-rem.cjs

@@ -0,0 +1,31 @@
+
+//#region src/units/px-2-rem.ts
+/**
+* Converts pixel values to rem units.
+*
+* @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
+* @param options - Optional configuration
+* @param options.base - Base pixel value to calculate rem units from. Defaults to 16
+* @param options.precision - Number of decimal places in the output. Defaults to 4
+* @returns The converted value as a string with 'rem' units
+*
+* @example
+* ```ts
+* px2rem(16) // '1.0000'
+* px2rem('32px') // '2.0000'
+* px2rem(20, { base: 20 }) // '1.0000'
+* px2rem(13, { precision: 2 }) // '0.81'
+* ```
+*/
+function px2rem(px, options) {
+	const { base = 16, precision = 4 } = options ?? {};
+	if (typeof px === "string") {
+		px = px.replace(/px$/, "");
+		px = Number.parseFloat(px);
+	}
+	return Number((px / base).toFixed(precision));
+}
+
+//#endregion
+exports.px2rem = px2rem;
+//# sourceMappingURL=px-2-rem.cjs.map

package/dist/units/px-2-rem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"px-2-rem.cjs","names":[],"sources":["../../src/units/px-2-rem.ts"],"sourcesContent":["/**\n * Converts pixel values to rem units.\n *\n * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')\n * @param options - Optional configuration\n * @param options.base - Base pixel value to calculate rem units from. Defaults to 16\n * @param options.precision - Number of decimal places in the output. Defaults to 4\n * @returns The converted value as a string with 'rem' units\n *\n * @example\n * ```ts\n * px2rem(16) // '1.0000'\n * px2rem('32px') // '2.0000'\n * px2rem(20, { base: 20 }) // '1.0000'\n * px2rem(13, { precision: 2 }) // '0.81'\n * ```\n */\nexport function px2rem(\n\tpx: number | string,\n\toptions?: { base?: number | undefined; precision?: number | undefined }\n): number {\n\tconst { base = 16, precision = 4 } = options ?? {}\n\n\tif (typeof px === 'string') {\n\t\tpx = px.replace(/px$/, '')\n\t\tpx = Number.parseFloat(px)\n\t}\n\n\treturn Number((px / base).toFixed(precision))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,SAAgB,OACf,IACA,SACS;CACT,MAAM,EAAE,OAAO,IAAI,YAAY,MAAM,WAAW,EAAE;AAElD,KAAI,OAAO,OAAO,UAAU;AAC3B,OAAK,GAAG,QAAQ,OAAO,GAAG;AAC1B,OAAK,OAAO,WAAW,GAAG;;AAG3B,QAAO,QAAQ,KAAK,MAAM,QAAQ,UAAU,CAAC"}

package/dist/units/px-2-rem.d.cts

@@ -0,0 +1,25 @@
+//#region src/units/px-2-rem.d.ts
+/**
+ * Converts pixel values to rem units.
+ *
+ * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
+ * @param options - Optional configuration
+ * @param options.base - Base pixel value to calculate rem units from. Defaults to 16
+ * @param options.precision - Number of decimal places in the output. Defaults to 4
+ * @returns The converted value as a string with 'rem' units
+ *
+ * @example
+ * ```ts
+ * px2rem(16) // '1.0000'
+ * px2rem('32px') // '2.0000'
+ * px2rem(20, { base: 20 }) // '1.0000'
+ * px2rem(13, { precision: 2 }) // '0.81'
+ * ```
+ */
+declare function px2rem(px: number | string, options?: {
+  base?: number | undefined;
+  precision?: number | undefined;
+}): number;
+//#endregion
+export { px2rem };
+//# sourceMappingURL=px-2-rem.d.cts.map

package/dist/units/px-2-rem.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"px-2-rem.d.cts","names":[],"sources":["../../src/units/px-2-rem.ts"],"sourcesContent":[],"mappings":";;AAiBA;;;;;;;;;;;;;;;;iBAAgB,MAAA"}

package/dist/units/px-2-rem.d.mts

@@ -0,0 +1,25 @@
+//#region src/units/px-2-rem.d.ts
+/**
+ * Converts pixel values to rem units.
+ *
+ * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
+ * @param options - Optional configuration
+ * @param options.base - Base pixel value to calculate rem units from. Defaults to 16
+ * @param options.precision - Number of decimal places in the output. Defaults to 4
+ * @returns The converted value as a string with 'rem' units
+ *
+ * @example
+ * ```ts
+ * px2rem(16) // '1.0000'
+ * px2rem('32px') // '2.0000'
+ * px2rem(20, { base: 20 }) // '1.0000'
+ * px2rem(13, { precision: 2 }) // '0.81'
+ * ```
+ */
+declare function px2rem(px: number | string, options?: {
+  base?: number | undefined;
+  precision?: number | undefined;
+}): number;
+//#endregion
+export { px2rem };
+//# sourceMappingURL=px-2-rem.d.mts.map

package/dist/units/px-2-rem.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"px-2-rem.d.mts","names":[],"sources":["../../src/units/px-2-rem.ts"],"sourcesContent":[],"mappings":";;AAiBA;;;;;;;;;;;;;;;;iBAAgB,MAAA"}

package/dist/units/px-2-rem.mjs

@@ -0,0 +1,30 @@
+//#region src/units/px-2-rem.ts
+/**
+* Converts pixel values to rem units.
+*
+* @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')
+* @param options - Optional configuration
+* @param options.base - Base pixel value to calculate rem units from. Defaults to 16
+* @param options.precision - Number of decimal places in the output. Defaults to 4
+* @returns The converted value as a string with 'rem' units
+*
+* @example
+* ```ts
+* px2rem(16) // '1.0000'
+* px2rem('32px') // '2.0000'
+* px2rem(20, { base: 20 }) // '1.0000'
+* px2rem(13, { precision: 2 }) // '0.81'
+* ```
+*/
+function px2rem(px, options) {
+	const { base = 16, precision = 4 } = options ?? {};
+	if (typeof px === "string") {
+		px = px.replace(/px$/, "");
+		px = Number.parseFloat(px);
+	}
+	return Number((px / base).toFixed(precision));
+}
+
+//#endregion
+export { px2rem };
+//# sourceMappingURL=px-2-rem.mjs.map

package/dist/units/px-2-rem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"px-2-rem.mjs","names":[],"sources":["../../src/units/px-2-rem.ts"],"sourcesContent":["/**\n * Converts pixel values to rem units.\n *\n * @param px - The pixel value to convert. Can be a number or string (e.g. '16px' or '16')\n * @param options - Optional configuration\n * @param options.base - Base pixel value to calculate rem units from. Defaults to 16\n * @param options.precision - Number of decimal places in the output. Defaults to 4\n * @returns The converted value as a string with 'rem' units\n *\n * @example\n * ```ts\n * px2rem(16) // '1.0000'\n * px2rem('32px') // '2.0000'\n * px2rem(20, { base: 20 }) // '1.0000'\n * px2rem(13, { precision: 2 }) // '0.81'\n * ```\n */\nexport function px2rem(\n\tpx: number | string,\n\toptions?: { base?: number | undefined; precision?: number | undefined }\n): number {\n\tconst { base = 16, precision = 4 } = options ?? {}\n\n\tif (typeof px === 'string') {\n\t\tpx = px.replace(/px$/, '')\n\t\tpx = Number.parseFloat(px)\n\t}\n\n\treturn Number((px / base).toFixed(precision))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,SAAgB,OACf,IACA,SACS;CACT,MAAM,EAAE,OAAO,IAAI,YAAY,MAAM,WAAW,EAAE;AAElD,KAAI,OAAO,OAAO,UAAU;AAC3B,OAAK,GAAG,QAAQ,OAAO,GAAG;AAC1B,OAAK,OAAO,WAAW,GAAG;;AAG3B,QAAO,QAAQ,KAAK,MAAM,QAAQ,UAAU,CAAC"}

package/dist/units/rem-2-px.cjs

@@ -0,0 +1,31 @@
+
+//#region src/units/rem-2-px.ts
+/**
+* Converts rem values to pixel units.
+*
+* @param rem - The rem value to convert. Can be a number or string (e.g. '1rem' or '1')
+* @param options - Optional configuration
+* @param options.base - Base pixel value to calculate pixels from. Defaults to 16
+* @param options.precision - Number of decimal places in the output. Defaults to 4
+* @returns The converted value as a string with 'px' units
+*
+* @example
+* ```ts
+* rem2px(1) // '16.0000'
+* rem2px('2rem') // '32.0000'
+* rem2px(1, { base: 20 }) // '20.0000'
+* rem2px(0.8125, { precision: 2 }) // '13.00'
+* ```
+*/
+function rem2px(rem, options) {
+	const { base = 16, precision = 4 } = options ?? {};
+	if (typeof rem === "string") {
+		rem = rem.replace(/rem$/, "");
+		rem = Number.parseFloat(rem);
+	}
+	return Number((rem * base).toFixed(precision));
+}
+
+//#endregion
+exports.rem2px = rem2px;
+//# sourceMappingURL=rem-2-px.cjs.map

package/dist/units/rem-2-px.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rem-2-px.cjs","names":[],"sources":["../../src/units/rem-2-px.ts"],"sourcesContent":["/**\n * Converts rem values to pixel units.\n *\n * @param rem - The rem value to convert. Can be a number or string (e.g. '1rem' or '1')\n * @param options - Optional configuration\n * @param options.base - Base pixel value to calculate pixels from. Defaults to 16\n * @param options.precision - Number of decimal places in the output. Defaults to 4\n * @returns The converted value as a string with 'px' units\n *\n * @example\n * ```ts\n * rem2px(1) // '16.0000'\n * rem2px('2rem') // '32.0000'\n * rem2px(1, { base: 20 }) // '20.0000'\n * rem2px(0.8125, { precision: 2 }) // '13.00'\n * ```\n */\nexport function rem2px(\n\trem: number | string,\n\toptions?: { base?: number | undefined; precision?: number | undefined }\n): number {\n\tconst { base = 16, precision = 4 } = options ?? {}\n\n\tif (typeof rem === 'string') {\n\t\trem = rem.replace(/rem$/, '')\n\t\trem = Number.parseFloat(rem)\n\t}\n\n\treturn Number((rem * base).toFixed(precision))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,SAAgB,OACf,KACA,SACS;CACT,MAAM,EAAE,OAAO,IAAI,YAAY,MAAM,WAAW,EAAE;AAElD,KAAI,OAAO,QAAQ,UAAU;AAC5B,QAAM,IAAI,QAAQ,QAAQ,GAAG;AAC7B,QAAM,OAAO,WAAW,IAAI;;AAG7B,QAAO,QAAQ,MAAM,MAAM,QAAQ,UAAU,CAAC"}

package/dist/units/rem-2-px.d.cts

@@ -0,0 +1,25 @@
+//#region src/units/rem-2-px.d.ts
+/**
+ * Converts rem values to pixel units.
+ *
+ * @param rem - The rem value to convert. Can be a number or string (e.g. '1rem' or '1')
+ * @param options - Optional configuration
+ * @param options.base - Base pixel value to calculate pixels from. Defaults to 16
+ * @param options.precision - Number of decimal places in the output. Defaults to 4
+ * @returns The converted value as a string with 'px' units
+ *
+ * @example
+ * ```ts
+ * rem2px(1) // '16.0000'
+ * rem2px('2rem') // '32.0000'
+ * rem2px(1, { base: 20 }) // '20.0000'
+ * rem2px(0.8125, { precision: 2 }) // '13.00'
+ * ```
+ */
+declare function rem2px(rem: number | string, options?: {
+  base?: number | undefined;
+  precision?: number | undefined;
+}): number;
+//#endregion
+export { rem2px };
+//# sourceMappingURL=rem-2-px.d.cts.map

package/dist/units/rem-2-px.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rem-2-px.d.cts","names":[],"sources":["../../src/units/rem-2-px.ts"],"sourcesContent":[],"mappings":";;AAiBA;;;;;;;;;;;;;;;;iBAAgB,MAAA"}