@design-edito/tools 0.4.6 → 0.4.11

package/agnostic/arrays/index.d.ts

@@ -1,6 +1,6 @@
 export * as dedupe from './dedupe/index.js'
-export * as isArrayOf from './is-array-of/index.js'
 export * as findDuplicates from './find-duplicates/index.js'
 export * as make from './make/index.js'
+export * as isArrayOf from './is-array-of/index.js'
 export * as randomPick from './random-pick/index.js'
 export * as shuffle from './shuffle/index.js'

package/agnostic/arrays/index.js

@@ -1,6 +1,6 @@
 export * as dedupe from './dedupe/index.js'
-export * as isArrayOf from './is-array-of/index.js'
 export * as findDuplicates from './find-duplicates/index.js'
 export * as make from './make/index.js'
+export * as isArrayOf from './is-array-of/index.js'
 export * as randomPick from './random-pick/index.js'
 export * as shuffle from './shuffle/index.js'

package/agnostic/arrays/make/index.d.ts

@@ -1,5 +1,5 @@
 /** Function that generates a value for each array position. */
-type Filler<T = any> = (pos?: number) => T;
+type Filler<T = any> = (pos: number) => T;
 /**
  * Creates an array of a specified length using a filler function.
  *

package/agnostic/colors/index.d.ts

@@ -4,9 +4,9 @@ export * as convert from './convert/index.js'
 export * as distance from './distance/index.js'
 export * as grayscale from './grayscale/index.js'
 export * as invert from './invert/index.js'
-export * as lerp from './lerp/index.js'
 export * as luminance from './luminance/index.js'
 export * as palette from './palette/index.js'
+export * as lerp from './lerp/index.js'
 export * as rotate from './rotate/index.js'
-export * as tidy from './tidy/index.js'
 export * as typechecks from './typechecks/index.js'
+export * as tidy from './tidy/index.js'

package/agnostic/colors/index.js

@@ -4,9 +4,9 @@ export * as convert from './convert/index.js'
 export * as distance from './distance/index.js'
 export * as grayscale from './grayscale/index.js'
 export * as invert from './invert/index.js'
-export * as lerp from './lerp/index.js'
 export * as luminance from './luminance/index.js'
 export * as palette from './palette/index.js'
+export * as lerp from './lerp/index.js'
 export * as rotate from './rotate/index.js'
-export * as tidy from './tidy/index.js'
 export * as typechecks from './typechecks/index.js'
+export * as tidy from './tidy/index.js'

package/agnostic/css/index.d.ts

@@ -1,6 +1,6 @@
 export * as bem from './bem/index.js'
 export * as clss from './clss/index.js'
+export * as generateNiceColor from './generate-nice-color/index.js'
 export * as isValidCssClassName from './is-valid-css-class-name/index.js'
 export * as scale from './scale/index.js'
-export * as generateNiceColor from './generate-nice-color/index.js'
 export * as stylesSet from './styles-set/index.js'

package/agnostic/css/index.js

@@ -1,6 +1,6 @@
 export * as bem from './bem/index.js'
 export * as clss from './clss/index.js'
+export * as generateNiceColor from './generate-nice-color/index.js'
 export * as isValidCssClassName from './is-valid-css-class-name/index.js'
 export * as scale from './scale/index.js'
-export * as generateNiceColor from './generate-nice-color/index.js'
 export * as stylesSet from './styles-set/index.js'

package/agnostic/css/scale/index.d.ts

@@ -1,20 +1,50 @@
-/** Describes a scale configuration for generating CSS values across levels and screen widths. */
-export type ScaleDescriptor = {
-    /** The lower and upper bounds for screen width in pixels, e.g., `[minWidth, maxWidth]`. */ screenBounds: [number, number];
-    /** The minimum and maximum values for the low-level range, used at the lower end of the scale. */ lowLevel: [number, number];
-    /** The minimum and maximum values for the high-level range, used at the higher end of the scale. */ highLevel: [number, number];
-    /** The total number of discrete steps in the scale (must be ≥ 2 for interpolation). */ steps: number;
-    /** Optional. Whether to wrap the resulting CSS value in a `clamp()` function to enforce bounds. */ clamp?: boolean;
+/**
+ * Generates an array of interpolated values between a minimum and maximum using a geometric progression.
+ *
+ * @param {number} min - The starting value of the scale.
+ * @param {number} max - The ending value of the scale.
+ * @param {number} intermediateLevels - The number of intermediate levels between min and max.
+ * @returns {number[]} An array of rounded values including the minimum and interpolated steps up to the maximum.
+ */
+export declare const interpolateLevels: (min: number, max: number, intermediateLevels: number) => number[];
+/** Describes the configuration used to compute scale values across breakpoints. */
+export type ScaleDataOptions = {
+    /** Ordered list of breakpoint widths in pixels. Must contain at least two values. */ breakpoints: number[];
+    /** The minimum and maximum values for the low end of the scale. */ loScaleBounds: [number, number];
+    /** The minimum and maximum values for the high end of the scale. */ hiScaleBounds: [number, number];
+    /** Number of intermediate levels between the minimum and maximum values. */ intermediateLevels: number;
+};
+/**
+ * Computes scale data for each breakpoint, including interpolated levels.
+ *
+ * @param {ScaleDataOptions} options - Configuration for generating scale data.
+ * @param {number[]} options.breakpoints - Ordered list of breakpoint widths in pixels.
+ * @param {[number, number]} options.loScaleBounds - Minimum and maximum values for the low end of the scale.
+ * @param {[number, number]} options.hiScaleBounds - Minimum and maximum values for the high end of the scale.
+ * @param {number} options.intermediateLevels - Number of intermediate levels between bounds.
+ * @throws Will throw if `breakpoints` contains fewer than two values.
+ */
+export declare const getScaleData: ({ breakpoints, loScaleBounds, hiScaleBounds, intermediateLevels }: ScaleDataOptions) => Array<{
+    breakpoint: number;
+    levels: number[];
+}>;
+/** Extends scale data options with CSS generation parameters. */
+export type GenerateScaleCssOptions = ScaleDataOptions & {
+    /** The base name used for generated CSS custom properties. */ scaleName: string;
+    /** The CSS selector that will receive the custom properties. */ targetSelector: string;
+    /** The unit to append to each generated value (e.g., `px`, `rem`). */ unit: string;
 };
 /**
- * Creates a scale function that maps a level to a CSS size value using harmonic interpolation.
+ * Generates responsive CSS custom properties for a scale across breakpoints.
  *
- * @param {ScaleDescriptor} descriptor - The scale configuration.
- * @param {[number, number]} descriptor.screenBounds - The lower and upper bounds for screen width in pixels.
- * @param {[number, number]} descriptor.lowLevel - Minimum and maximum values for the low level range.
- * @param {[number, number]} descriptor.highLevel - Minimum and maximum values for the high level range.
- * @param {number} descriptor.steps - Number of discrete steps in the scale.
- * @param {boolean} [descriptor.clamp] - Whether to wrap the resulting CSS value in a `clamp()` function.
- * @returns {(level: number) => string | undefined} A function mapping a level to a CSS value string.
+ * @param {GenerateScaleCssOptions} options - Configuration for generating the CSS output.
+ * @param {string} options.scaleName - Base name for CSS custom properties.
+ * @param {string} options.targetSelector - CSS selector to which the properties will be applied.
+ * @param {string} options.unit - Unit appended to each value.
+ * @param {number[]} options.breakpoints - Ordered list of breakpoint widths in pixels.
+ * @param {[number, number]} options.loScaleBounds - Minimum and maximum values for the low end of the scale.
+ * @param {[number, number]} options.hiScaleBounds - Minimum and maximum values for the high end of the scale.
+ * @param {number} options.intermediateLevels - Number of intermediate levels between bounds.
+ * @returns {string} A CSS string containing custom properties for each breakpoint, wrapped in media queries where applicable.
  */
-export declare function createScale(descriptor: ScaleDescriptor): (level: number) => string | undefined;
+export declare const generateScaleCss: ({ scaleName, targetSelector, unit, ...options }: GenerateScaleCssOptions) => string;

package/agnostic/css/scale/index.js

@@ -1,42 +1,71 @@
-import { round } from '../../numbers/round/index.js';
 import { getGeometricStep } from '../../numbers/geometric-progressions/index.js';
+import { round } from '../../numbers/round/index.js';
+import { make as makeArr } from '../../arrays/make/index.js';
+/**
+ * Generates an array of interpolated values between a minimum and maximum using a geometric progression.
+ *
+ * @param {number} min - The starting value of the scale.
+ * @param {number} max - The ending value of the scale.
+ * @param {number} intermediateLevels - The number of intermediate levels between min and max.
+ * @returns {number[]} An array of rounded values including the minimum and interpolated steps up to the maximum.
+ */
+export const interpolateLevels = (min, max, intermediateLevels) => [
+    round(min, 2),
+    ...makeArr(pos => round(getGeometricStep(min, max, pos + 1, intermediateLevels + 1), 2), intermediateLevels + 1)
+];
+/**
+ * Computes scale data for each breakpoint, including interpolated levels.
+ *
+ * @param {ScaleDataOptions} options - Configuration for generating scale data.
+ * @param {number[]} options.breakpoints - Ordered list of breakpoint widths in pixels.
+ * @param {[number, number]} options.loScaleBounds - Minimum and maximum values for the low end of the scale.
+ * @param {[number, number]} options.hiScaleBounds - Minimum and maximum values for the high end of the scale.
+ * @param {number} options.intermediateLevels - Number of intermediate levels between bounds.
+ * @throws Will throw if `breakpoints` contains fewer than two values.
+ */
+export const getScaleData = ({ breakpoints, loScaleBounds, hiScaleBounds, intermediateLevels }) => {
+    const [loMinValuePx, loMaxValuePx] = loScaleBounds;
+    const [hiMinValuePx, hiMaxValuePx] = hiScaleBounds;
+    const loValueDiff = loMaxValuePx - loMinValuePx;
+    const hiValueDiff = hiMaxValuePx - hiMinValuePx;
+    const maxBreakpoint = breakpoints.at(-1);
+    const minBreakpoint = breakpoints.at(0);
+    if (breakpoints.length < 2
+        || maxBreakpoint === undefined
+        || minBreakpoint === undefined)
+        throw new Error(`\`breakpoints\` length must be at least 2. Found ${breakpoints.length}`);
+    return breakpoints.map(breakpoint => {
+        const thisBreakpointRatio = (breakpoint - minBreakpoint) / (maxBreakpoint - minBreakpoint);
+        const lo = (thisBreakpointRatio * loValueDiff) + loMinValuePx;
+        const hi = (thisBreakpointRatio * hiValueDiff) + hiMinValuePx;
+        return {
+            breakpoint,
+            levels: interpolateLevels(lo, hi, intermediateLevels)
+        };
+    });
+};
 /**
- * Creates a scale function that maps a level to a CSS size value using harmonic interpolation.
+ * Generates responsive CSS custom properties for a scale across breakpoints.
  *
- * @param {ScaleDescriptor} descriptor - The scale configuration.
- * @param {[number, number]} descriptor.screenBounds - The lower and upper bounds for screen width in pixels.
- * @param {[number, number]} descriptor.lowLevel - Minimum and maximum values for the low level range.
- * @param {[number, number]} descriptor.highLevel - Minimum and maximum values for the high level range.
- * @param {number} descriptor.steps - Number of discrete steps in the scale.
- * @param {boolean} [descriptor.clamp] - Whether to wrap the resulting CSS value in a `clamp()` function.
- * @returns {(level: number) => string | undefined} A function mapping a level to a CSS value string.
+ * @param {GenerateScaleCssOptions} options - Configuration for generating the CSS output.
+ * @param {string} options.scaleName - Base name for CSS custom properties.
+ * @param {string} options.targetSelector - CSS selector to which the properties will be applied.
+ * @param {string} options.unit - Unit appended to each value.
+ * @param {number[]} options.breakpoints - Ordered list of breakpoint widths in pixels.
+ * @param {[number, number]} options.loScaleBounds - Minimum and maximum values for the low end of the scale.
+ * @param {[number, number]} options.hiScaleBounds - Minimum and maximum values for the high end of the scale.
+ * @param {number} options.intermediateLevels - Number of intermediate levels between bounds.
+ * @returns {string} A CSS string containing custom properties for each breakpoint, wrapped in media queries where applicable.
  */
-export function createScale(descriptor) {
-    const { screenBounds: [loBound, hiBound], lowLevel: [loLevelMin, loLevelMax], highLevel: [hiLevelMin, hiLevelMax], steps, clamp } = descriptor;
-    return function scale(level) {
-        if (steps < 2)
-            return;
-        const loBoundVal = getGeometricStep(loLevelMin, hiLevelMin, level - 1, steps - 1);
-        const hiBoundVal = getGeometricStep(loLevelMax, hiLevelMax, level - 1, steps - 1);
-        if (loBoundVal === undefined)
-            return;
-        if (hiBoundVal === undefined)
-            return;
-        const affine = getAffineFunction(loBound, loBoundVal, hiBound, hiBoundVal);
-        const cssFormula = getCssValueFromAffine(affine);
-        return clamp === true
-            ? `clamp(${round(loBoundVal, 2)}px, ${cssFormula}, ${round(hiBoundVal, 2)}px)`
-            : cssFormula;
-    };
-}
-function getAffineFunction(x1, y1, x2, y2) {
-    const slope = (y2 - y1) / (x2 - x1);
-    const yIntercept = y1 - (x1 * slope);
-    return { slope, yIntercept };
-}
-function getCssValueFromAffine(affine) {
-    const { slope, yIntercept } = affine;
-    const roundedSlope = round(100 * slope, 3);
-    const roundedIntercept = round(yIntercept, 2);
-    return `calc(${roundedSlope}vw + ${roundedIntercept}px)`;
-}
+export const generateScaleCss = ({ scaleName, targetSelector, unit, ...options }) => getScaleData(options).map(({ breakpoint, levels }, pos) => {
+    const levelsCss = levels.map((lvlVal, lvlPos) => `--${scaleName}-${lvlPos}: ${lvlVal}${unit};`);
+    if (pos === 0)
+        return `${targetSelector} {
+  ${levelsCss.join('\n  ')}
+}\n`;
+    return `@media (min-width: ${breakpoint}px) {
+  ${targetSelector} {
+    ${levelsCss.join('\n    ')}
+  }
+}\n`;
+}).join('\n');

package/agnostic/css/scale/index.test.js

@@ -1,71 +1,88 @@
-import { describe, it, expect, vi } from 'vitest';
-import { createScale } from './index.js';
-import * as geo from '../../numbers/geometric-progressions/index.js';
-describe('createScale', () => {
-    it('returns a function', () => {
-        const descriptor = {
-            screenBounds: [320, 1280],
-            lowLevel: [10, 20],
-            highLevel: [30, 60],
-            steps: 5
-        };
-        const scaleFn = createScale(descriptor);
-        expect(typeof scaleFn).toBe('function');
+import { describe, it, expect } from 'vitest';
+import { interpolateLevels, getScaleData, generateScaleCss } from './index.js';
+describe('interpolateLevels', () => {
+    it('returns an array including min and interpolated values', () => {
+        const result = interpolateLevels(10, 20, 2);
+        expect(result.length).toBe(4);
+        expect(result[0]).toBe(10);
+        expect(result.at(-1)).toBeCloseTo(20, 2);
     });
-    it('produces CSS calc() formula for intermediate levels', () => {
-        const descriptor = {
-            screenBounds: [320, 1280],
-            lowLevel: [10, 20],
-            highLevel: [30, 60],
-            steps: 5
-        };
-        const scaleFn = createScale(descriptor);
-        const cssValue = scaleFn(3);
-        expect(cssValue).toMatch(/^calc\([\d.]+vw \+ [\d.]+px\)$/);
+    it('rounds values to 2 decimals', () => {
+        const result = interpolateLevels(10, 20, 3);
+        result.forEach(val => {
+            expect(Number(val.toFixed(2))).toBe(val);
+        });
     });
-    it('wraps result in clamp() when clamp is true', () => {
-        const descriptor = {
-            screenBounds: [320, 1280],
-            lowLevel: [10, 20],
-            highLevel: [30, 60],
-            steps: 5,
-            clamp: true
-        };
-        const scaleFn = createScale(descriptor);
-        const cssValue = scaleFn(3);
-        expect(cssValue).toMatch(/^clamp\([\d.]+px, calc\([\d.]+vw \+ [\d.]+px\), [\d.]+px\)$/);
+    it('handles descending ranges', () => {
+        const result = interpolateLevels(20, 10, 2);
+        expect(result[0]).toBe(20);
+        expect(result.at(-1)).toBeCloseTo(10, 2);
     });
-    it('returns undefined if steps < 2', () => {
-        const descriptor = {
-            screenBounds: [320, 1280],
-            lowLevel: [10, 20],
-            highLevel: [30, 60],
-            steps: 1
-        };
-        const scaleFn = createScale(descriptor);
-        expect(scaleFn(1)).toBeUndefined();
+});
+describe('getScaleData', () => {
+    const baseOptions = {
+        breakpoints: [320, 768, 1280],
+        loScaleBounds: [10, 20],
+        hiScaleBounds: [30, 60],
+        intermediateLevels: 2
+    };
+    it('returns one entry per breakpoint', () => {
+        const result = getScaleData(baseOptions);
+        expect(result.length).toBe(baseOptions.breakpoints.length);
+    });
+    it('includes breakpoint and levels', () => {
+        const result = getScaleData(baseOptions);
+        result.forEach(entry => {
+            expect(entry).toHaveProperty('breakpoint');
+            expect(entry).toHaveProperty('levels');
+            expect(Array.isArray(entry.levels)).toBe(true);
+        });
+    });
+    it('interpolates values between low and high bounds', () => {
+        const result = getScaleData(baseOptions);
+        const first = result[0];
+        const last = result.at(-1);
+        expect(first?.levels[0]).toBeCloseTo(10, 2);
+        expect(last?.levels.at(-1)).toBeCloseTo(60, 2);
+    });
+    it('throws if breakpoints length < 2', () => {
+        expect(() => getScaleData({
+            ...baseOptions,
+            breakpoints: [320]
+        })).toThrow();
+    });
+});
+describe('generateScaleCss', () => {
+    const options = {
+        scaleName: 'size',
+        targetSelector: ':root',
+        unit: 'px',
+        breakpoints: [320, 768],
+        loScaleBounds: [10, 20],
+        hiScaleBounds: [30, 40],
+        intermediateLevels: 1
+    };
+    it('generates base CSS block for first breakpoint', () => {
+        const css = generateScaleCss(options);
+        expect(css).toMatch(/:root\s*{[^}]+}/);
+    });
+    it('generates media queries for subsequent breakpoints', () => {
+        const css = generateScaleCss(options);
+        expect(css).toMatch(/@media \(min-width: 768px\)/);
+    });
+    it('generates CSS custom properties with correct naming', () => {
+        const css = generateScaleCss(options);
+        expect(css).toMatch(/--size-0:/);
+        expect(css).toMatch(/--size-1:/);
     });
-    it('handles descending low/high levels', () => {
-        const descriptor = {
-            screenBounds: [320, 1280],
-            lowLevel: [20, 10],
-            highLevel: [60, 30],
-            steps: 5
-        };
-        const scaleFn = createScale(descriptor);
-        const cssValue = scaleFn(3);
-        expect(cssValue).toMatch(/^calc\(-?[\d.]+vw \+ -?[\d.]+px\)$/);
+    it('applies the provided unit', () => {
+        const css = generateScaleCss(options);
+        expect(css).toMatch(/px;/);
     });
-    it('propagates NaN from getGeometricStep', () => {
-        vi.spyOn(geo, 'getGeometricStep').mockReturnValueOnce(NaN);
-        const descriptor = {
-            screenBounds: [320, 1280],
-            lowLevel: [10, 20],
-            highLevel: [30, 60],
-            steps: 5
-        };
-        const scaleFn = createScale(descriptor);
-        const result = scaleFn(2);
-        expect(result).toBe('calc(NaNvw + NaNpx)');
+    it('produces consistent number of variables per breakpoint', () => {
+        const css = generateScaleCss(options);
+        const matches = css.match(/--size-\d+:/g) ?? [];
+        // 3 levels * 2 breakpoints
+        expect(matches.length).toBe(6);
     });
 });

package/agnostic/html/hyper-json/smart-tags/coalesced/index.d.ts

@@ -1,52 +1,52 @@
-export * as addclass from './addclass/index.js'
 export * as add from './add/index.js'
 export * as and from './and/index.js'
-export * as at from './at/index.js'
 export * as append from './append/index.js'
+export * as at from './at/index.js'
 export * as call from './call/index.js'
+export * as addclass from './addclass/index.js'
+export * as clone from './clone/index.js'
 export * as deleteproperties from './deleteproperties/index.js'
-export * as equals from './equals/index.js'
 export * as getattribute from './getattribute/index.js'
-export * as clone from './clone/index.js'
+export * as getproperties from './getproperties/index.js'
 export * as getproperty from './getproperty/index.js'
 export * as hjparse from './hjparse/index.js'
+export * as equals from './equals/index.js'
 export * as hjstringify from './hjstringify/index.js'
-export * as initialize from './initialize/index.js'
 export * as if from './if/index.js'
+export * as initialize from './initialize/index.js'
 export * as join from './join/index.js'
-export * as getproperties from './getproperties/index.js'
 export * as length from './length/index.js'
 export * as map from './map/index.js'
+export * as negate from './negate/index.js'
 export * as notrailing from './notrailing/index.js'
 export * as or from './or/index.js'
-export * as negate from './negate/index.js'
 export * as pickrandom from './pickrandom/index.js'
-export * as print from './print/index.js'
 export * as populate from './populate/index.js'
 export * as push from './push/index.js'
 export * as pusheach from './pusheach/index.js'
 export * as removeattribute from './removeattribute/index.js'
+export * as removeclass from './removeclass/index.js'
 export * as recordtoarray from './recordtoarray/index.js'
+export * as print from './print/index.js'
 export * as renameproperty from './renameproperty/index.js'
-export * as removeclass from './removeclass/index.js'
 export * as replace from './replace/index.js'
 export * as select from './select/index.js'
-export * as setproperty from './setproperty/index.js'
+export * as set from './set/index.js'
+export * as setattribute from './setattribute/index.js'
 export * as sorton from './sorton/index.js'
 export * as split from './split/index.js'
 export * as spread from './spread/index.js'
-export * as set from './set/index.js'
-export * as setattribute from './setattribute/index.js'
-export * as toarray from './toarray/index.js'
-export * as toboolean from './toboolean/index.js'
+export * as setproperty from './setproperty/index.js'
 export * as toelement from './toelement/index.js'
+export * as toboolean from './toboolean/index.js'
+export * as toarray from './toarray/index.js'
 export * as toggleclass from './toggleclass/index.js'
-export * as tonodelist from './tonodelist/index.js'
-export * as tonumber from './tonumber/index.js'
 export * as tonull from './tonull/index.js'
+export * as tonumber from './tonumber/index.js'
 export * as torecord from './torecord/index.js'
 export * as toref from './toref/index.js'
-export * as totext from './totext/index.js'
 export * as tostring from './tostring/index.js'
+export * as totext from './totext/index.js'
 export * as transformselected from './transformselected/index.js'
 export * as trim from './trim/index.js'
+export * as tonodelist from './tonodelist/index.js'

package/agnostic/html/hyper-json/smart-tags/coalesced/index.js

@@ -1,52 +1,52 @@
-export * as addclass from './addclass/index.js'
 export * as add from './add/index.js'
 export * as and from './and/index.js'
-export * as at from './at/index.js'
 export * as append from './append/index.js'
+export * as at from './at/index.js'
 export * as call from './call/index.js'
+export * as addclass from './addclass/index.js'
+export * as clone from './clone/index.js'
 export * as deleteproperties from './deleteproperties/index.js'
-export * as equals from './equals/index.js'
 export * as getattribute from './getattribute/index.js'
-export * as clone from './clone/index.js'
+export * as getproperties from './getproperties/index.js'
 export * as getproperty from './getproperty/index.js'
 export * as hjparse from './hjparse/index.js'
+export * as equals from './equals/index.js'
 export * as hjstringify from './hjstringify/index.js'
-export * as initialize from './initialize/index.js'
 export * as if from './if/index.js'
+export * as initialize from './initialize/index.js'
 export * as join from './join/index.js'
-export * as getproperties from './getproperties/index.js'
 export * as length from './length/index.js'
 export * as map from './map/index.js'
+export * as negate from './negate/index.js'
 export * as notrailing from './notrailing/index.js'
 export * as or from './or/index.js'
-export * as negate from './negate/index.js'
 export * as pickrandom from './pickrandom/index.js'
-export * as print from './print/index.js'
 export * as populate from './populate/index.js'
 export * as push from './push/index.js'
 export * as pusheach from './pusheach/index.js'
 export * as removeattribute from './removeattribute/index.js'
+export * as removeclass from './removeclass/index.js'
 export * as recordtoarray from './recordtoarray/index.js'
+export * as print from './print/index.js'
 export * as renameproperty from './renameproperty/index.js'
-export * as removeclass from './removeclass/index.js'
 export * as replace from './replace/index.js'
 export * as select from './select/index.js'
-export * as setproperty from './setproperty/index.js'
+export * as set from './set/index.js'
+export * as setattribute from './setattribute/index.js'
 export * as sorton from './sorton/index.js'
 export * as split from './split/index.js'
 export * as spread from './spread/index.js'
-export * as set from './set/index.js'
-export * as setattribute from './setattribute/index.js'
-export * as toarray from './toarray/index.js'
-export * as toboolean from './toboolean/index.js'
+export * as setproperty from './setproperty/index.js'
 export * as toelement from './toelement/index.js'
+export * as toboolean from './toboolean/index.js'
+export * as toarray from './toarray/index.js'
 export * as toggleclass from './toggleclass/index.js'
-export * as tonodelist from './tonodelist/index.js'
-export * as tonumber from './tonumber/index.js'
 export * as tonull from './tonull/index.js'
+export * as tonumber from './tonumber/index.js'
 export * as torecord from './torecord/index.js'
 export * as toref from './toref/index.js'
-export * as totext from './totext/index.js'
 export * as tostring from './tostring/index.js'
+export * as totext from './totext/index.js'
 export * as transformselected from './transformselected/index.js'
 export * as trim from './trim/index.js'
+export * as tonodelist from './tonodelist/index.js'

package/agnostic/html/hyper-json/smart-tags/isolated/index.d.ts

@@ -1,13 +1,13 @@
 export * as any from './any/index.js'
 export * as array from './array/index.js'
-export * as boolean from './boolean/index.js'
 export * as element from './element/index.js'
+export * as boolean from './boolean/index.js'
 export * as get from './get/index.js'
-export * as nodelist from './nodelist/index.js'
 export * as guess from './guess/index.js'
+export * as nodelist from './nodelist/index.js'
 export * as null from './null/index.js'
 export * as number from './number/index.js'
 export * as record from './record/index.js'
 export * as ref from './ref/index.js'
-export * as string from './string/index.js'
 export * as text from './text/index.js'
+export * as string from './string/index.js'

package/agnostic/html/hyper-json/smart-tags/isolated/index.js

@@ -1,13 +1,13 @@
 export * as any from './any/index.js'
 export * as array from './array/index.js'
-export * as boolean from './boolean/index.js'
 export * as element from './element/index.js'
+export * as boolean from './boolean/index.js'
 export * as get from './get/index.js'
-export * as nodelist from './nodelist/index.js'
 export * as guess from './guess/index.js'
+export * as nodelist from './nodelist/index.js'
 export * as null from './null/index.js'
 export * as number from './number/index.js'
 export * as record from './record/index.js'
 export * as ref from './ref/index.js'
-export * as string from './string/index.js'
 export * as text from './text/index.js'
+export * as string from './string/index.js'

package/agnostic/html/index.d.ts

@@ -1,6 +1,6 @@
 export * as getNodeAncestors from './get-node-ancestors/index.js'
-export * as hyperJson from './hyper-json/index.js'
 export * as getPositionInsideParent from './get-position-inside-parent/index.js'
+export * as hyperJson from './hyper-json/index.js'
 export * as insertNode from './insert-node/index.js'
 export * as placeholders from './placeholders/index.js'
 export * as replaceInElement from './replace-in-element/index.js'

package/agnostic/html/index.js

@@ -1,6 +1,6 @@
 export * as getNodeAncestors from './get-node-ancestors/index.js'
-export * as hyperJson from './hyper-json/index.js'
 export * as getPositionInsideParent from './get-position-inside-parent/index.js'
+export * as hyperJson from './hyper-json/index.js'
 export * as insertNode from './insert-node/index.js'
 export * as placeholders from './placeholders/index.js'
 export * as replaceInElement from './replace-in-element/index.js'

package/agnostic/index.d.ts

@@ -1,16 +1,16 @@
-export * as arrays from './arrays/index.js'
 export * as booleans from './booleans/index.js'
 export * as colors from './colors/index.js'
 export * as css from './css/index.js'
 export * as errors from './errors/index.js'
 export * as html from './html/index.js'
-export * as misc from './misc/index.js'
 export * as numbers from './numbers/index.js'
+export * as misc from './misc/index.js'
+export * as arrays from './arrays/index.js'
 export * as objects from './objects/index.js'
 export * as optim from './optim/index.js'
 export * as random from './random/index.js'
+export * as regexps from './regexps/index.js'
 export * as sanitization from './sanitization/index.js'
 export * as strings from './strings/index.js'
 export * as time from './time/index.js'
-export * as regexps from './regexps/index.js'
 export * as typescript from './typescript/index.js'

package/agnostic/index.js

@@ -1,16 +1,16 @@
-export * as arrays from './arrays/index.js'
 export * as booleans from './booleans/index.js'
 export * as colors from './colors/index.js'
 export * as css from './css/index.js'
 export * as errors from './errors/index.js'
 export * as html from './html/index.js'
-export * as misc from './misc/index.js'
 export * as numbers from './numbers/index.js'
+export * as misc from './misc/index.js'
+export * as arrays from './arrays/index.js'
 export * as objects from './objects/index.js'
 export * as optim from './optim/index.js'
 export * as random from './random/index.js'
+export * as regexps from './regexps/index.js'
 export * as sanitization from './sanitization/index.js'
 export * as strings from './strings/index.js'
 export * as time from './time/index.js'
-export * as regexps from './regexps/index.js'
 export * as typescript from './typescript/index.js'

package/agnostic/misc/index.d.ts

@@ -1,12 +1,12 @@
 export * as assert from './assert/index.js'
-export * as cast from './cast/index.js'
 export * as connection from './connection/index.js'
+export * as cast from './cast/index.js'
 export * as crawler from './crawler/index.js'
 export * as crossenv from './crossenv/index.js'
 export * as dataSize from './data-size/index.js'
-export * as isConstructorFunction from './is-constructor-function/index.js'
-export * as logs from './logs/index.js'
 export * as isNullish from './is-nullish/index.js'
-export * as loremIpsum from './lorem-ipsum/index.js'
+export * as logs from './logs/index.js'
+export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as normalizeExtension from './normalize-extension/index.js'
 export * as outcome from './outcome/index.js'
+export * as loremIpsum from './lorem-ipsum/index.js'

package/agnostic/misc/index.js

@@ -1,12 +1,12 @@
 export * as assert from './assert/index.js'
-export * as cast from './cast/index.js'
 export * as connection from './connection/index.js'
+export * as cast from './cast/index.js'
 export * as crawler from './crawler/index.js'
 export * as crossenv from './crossenv/index.js'
 export * as dataSize from './data-size/index.js'
-export * as isConstructorFunction from './is-constructor-function/index.js'
-export * as logs from './logs/index.js'
 export * as isNullish from './is-nullish/index.js'
-export * as loremIpsum from './lorem-ipsum/index.js'
+export * as logs from './logs/index.js'
+export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as normalizeExtension from './normalize-extension/index.js'
 export * as outcome from './outcome/index.js'
+export * as loremIpsum from './lorem-ipsum/index.js'

package/agnostic/misc/logs/index.d.ts

@@ -1,3 +1,3 @@
-export * as logger from './logger/index.js'
 export * as makeTextBlock from './make-text-block/index.js'
 export * as styles from './styles/index.js'
+export * as logger from './logger/index.js'

package/agnostic/misc/logs/index.js

@@ -1,3 +1,3 @@
-export * as logger from './logger/index.js'
 export * as makeTextBlock from './make-text-block/index.js'
 export * as styles from './styles/index.js'
+export * as logger from './logger/index.js'

package/agnostic/numbers/index.d.ts

@@ -1,6 +1,6 @@
 export * as absoluteModulo from './absolute-modulo/index.js'
-export * as approximateRational from './approximate-rational/index.js'
+export * as geometricProgressions from './geometric-progressions/index.js'
 export * as clamp from './clamp/index.js'
 export * as interpolate from './interpolate/index.js'
 export * as round from './round/index.js'
-export * as geometricProgressions from './geometric-progressions/index.js'
+export * as approximateRational from './approximate-rational/index.js'

package/agnostic/numbers/index.js

@@ -1,6 +1,6 @@
 export * as absoluteModulo from './absolute-modulo/index.js'
-export * as approximateRational from './approximate-rational/index.js'
+export * as geometricProgressions from './geometric-progressions/index.js'
 export * as clamp from './clamp/index.js'
 export * as interpolate from './interpolate/index.js'
 export * as round from './round/index.js'
-export * as geometricProgressions from './geometric-progressions/index.js'
+export * as approximateRational from './approximate-rational/index.js'

package/agnostic/objects/index.d.ts

@@ -1,9 +1,9 @@
-export * as deepGetProperty from './deep-get-property/index.js'
 export * as enums from './enums/index.js'
-export * as flattenGetters from './flatten-getters/index.js'
 export * as isObject from './is-object/index.js'
+export * as flattenGetters from './flatten-getters/index.js'
 export * as isRecord from './is-record/index.js'
+export * as deepGetProperty from './deep-get-property/index.js'
 export * as recordFormat from './record-format/index.js'
-export * as sortKeys from './sort-keys/index.js'
 export * as recordMap from './record-map/index.js'
+export * as sortKeys from './sort-keys/index.js'
 export * as validation from './validation/index.js'

package/agnostic/objects/index.js

@@ -1,9 +1,9 @@
-export * as deepGetProperty from './deep-get-property/index.js'
 export * as enums from './enums/index.js'
-export * as flattenGetters from './flatten-getters/index.js'
 export * as isObject from './is-object/index.js'
+export * as flattenGetters from './flatten-getters/index.js'
 export * as isRecord from './is-record/index.js'
+export * as deepGetProperty from './deep-get-property/index.js'
 export * as recordFormat from './record-format/index.js'
-export * as sortKeys from './sort-keys/index.js'
 export * as recordMap from './record-map/index.js'
+export * as sortKeys from './sort-keys/index.js'
 export * as validation from './validation/index.js'

package/agnostic/optim/index.d.ts

@@ -1,2 +1,2 @@
-export * as throttleDebounce from './throttle-debounce/index.js'
 export * as memoize from './memoize/index.js'
+export * as throttleDebounce from './throttle-debounce/index.js'

package/agnostic/optim/index.js

@@ -1,2 +1,2 @@
-export * as throttleDebounce from './throttle-debounce/index.js'
 export * as memoize from './memoize/index.js'
+export * as throttleDebounce from './throttle-debounce/index.js'

package/agnostic/random/index.d.ts

@@ -1,3 +1,3 @@
-export * as hexChar from './hex-char/index.js'
 export * as random from './random/index.js'
+export * as hexChar from './hex-char/index.js'
 export * as uuid from './uuid/index.js'

package/agnostic/random/index.js

@@ -1,3 +1,3 @@
-export * as hexChar from './hex-char/index.js'
 export * as random from './random/index.js'
+export * as hexChar from './hex-char/index.js'
 export * as uuid from './uuid/index.js'

package/agnostic/sanitization/index.d.ts

@@ -1,4 +1,4 @@
 export * as fileName from './file-name/index.js'
-export * as html from './html/index.js'
 export * as path from './path/index.js'
+export * as html from './html/index.js'
 export * as userInput from './user-input/index.js'

package/agnostic/sanitization/index.js

@@ -1,4 +1,4 @@
 export * as fileName from './file-name/index.js'
-export * as html from './html/index.js'
 export * as path from './path/index.js'
+export * as html from './html/index.js'
 export * as userInput from './user-input/index.js'

package/agnostic/strings/index.d.ts

@@ -1,7 +1,7 @@
-export * as charCodes from './char-codes/index.js'
 export * as matches from './matches/index.js'
 export * as normalizeIndent from './normalize-indent/index.js'
 export * as parseTable from './parse-table/index.js'
 export * as replaceAll from './replace-all/index.js'
 export * as toAlphanum from './to-alphanum/index.js'
 export * as trim from './trim/index.js'
+export * as charCodes from './char-codes/index.js'

package/agnostic/strings/index.js

@@ -1,7 +1,7 @@
-export * as charCodes from './char-codes/index.js'
 export * as matches from './matches/index.js'
 export * as normalizeIndent from './normalize-indent/index.js'
 export * as parseTable from './parse-table/index.js'
 export * as replaceAll from './replace-all/index.js'
 export * as toAlphanum from './to-alphanum/index.js'
 export * as trim from './trim/index.js'
+export * as charCodes from './char-codes/index.js'

package/components/index.d.ts

@@ -1,15 +1,15 @@
 export * as beforeAfter from './BeforeAfter/index.js'
+export * as disclaimer from './Disclaimer/index.js'
 export * as drawer from './Drawer/index.js'
 export * as eventListener from './EventListener/index.js'
-export * as disclaimer from './Disclaimer/index.js'
 export * as gallery from './Gallery/index.js'
 export * as image from './Image/index.js'
 export * as intersectionObserver from './IntersectionObserver/index.js'
 export * as overlayer from './Overlayer/index.js'
 export * as paginator from './Paginator/index.js'
 export * as resizeObserver from './ResizeObserver/index.js'
-export * as scrollListener from './ScrollListener/index.js'
 export * as scrllgngn from './Scrllgngn/index.js'
+export * as scrollListener from './ScrollListener/index.js'
 export * as sequencer from './Sequencer/index.js'
 export * as shadowRoot from './ShadowRoot/index.js'
 export * as subtitles from './Subtitles/index.js'

package/components/index.js

@@ -1,15 +1,15 @@
 export * as beforeAfter from './BeforeAfter/index.js'
+export * as disclaimer from './Disclaimer/index.js'
 export * as drawer from './Drawer/index.js'
 export * as eventListener from './EventListener/index.js'
-export * as disclaimer from './Disclaimer/index.js'
 export * as gallery from './Gallery/index.js'
 export * as image from './Image/index.js'
 export * as intersectionObserver from './IntersectionObserver/index.js'
 export * as overlayer from './Overlayer/index.js'
 export * as paginator from './Paginator/index.js'
 export * as resizeObserver from './ResizeObserver/index.js'
-export * as scrollListener from './ScrollListener/index.js'
 export * as scrllgngn from './Scrllgngn/index.js'
+export * as scrollListener from './ScrollListener/index.js'
 export * as sequencer from './Sequencer/index.js'
 export * as shadowRoot from './ShadowRoot/index.js'
 export * as subtitles from './Subtitles/index.js'

package/index.d.ts

@@ -1,3 +1,3 @@
 export * as components from './components/index.js'
-export * as node from './node/index.js'
 export * as agnostic from './agnostic/index.js'
+export * as node from './node/index.js'

package/index.js

@@ -1,3 +1,3 @@
 export * as components from './components/index.js'
-export * as node from './node/index.js'
 export * as agnostic from './agnostic/index.js'
+export * as node from './node/index.js'

package/node/@aws-s3/storage/directory/index.d.ts

@@ -1,4 +1,4 @@
 export * as copyDir from './copy-dir/index.js'
 export * as list from './list/index.js'
-export * as removeDir from './remove-dir/index.js'
 export * as moveDir from './move-dir/index.js'
+export * as removeDir from './remove-dir/index.js'

package/node/@aws-s3/storage/directory/index.js

@@ -1,4 +1,4 @@
 export * as copyDir from './copy-dir/index.js'
 export * as list from './list/index.js'
-export * as removeDir from './remove-dir/index.js'
 export * as moveDir from './move-dir/index.js'
+export * as removeDir from './remove-dir/index.js'

package/node/@aws-s3/storage/file/index.d.ts

@@ -1,6 +1,6 @@
+export * as copy from './copy/index.js'
 export * as download from './download/index.js'
 export * as exists from './exists/index.js'
-export * as copy from './copy/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'

package/node/@aws-s3/storage/file/index.js

@@ -1,6 +1,6 @@
+export * as copy from './copy/index.js'
 export * as download from './download/index.js'
 export * as exists from './exists/index.js'
-export * as copy from './copy/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'

package/node/@google-cloud/storage/file/index.d.ts

@@ -1,8 +1,8 @@
 export * as copy from './copy/index.js'
 export * as download from './download/index.js'
 export * as exists from './exists/index.js'
-export * as generateSignedUrl from './generate-signed-url/index.js'
 export * as getMetadata from './get-metadata/index.js'
+export * as generateSignedUrl from './generate-signed-url/index.js'
 export * as getPermissions from './get-permissions/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'

package/node/@google-cloud/storage/file/index.js

@@ -1,8 +1,8 @@
 export * as copy from './copy/index.js'
 export * as download from './download/index.js'
 export * as exists from './exists/index.js'
-export * as generateSignedUrl from './generate-signed-url/index.js'
 export * as getMetadata from './get-metadata/index.js'
+export * as generateSignedUrl from './generate-signed-url/index.js'
 export * as getPermissions from './get-permissions/index.js'
 export * as move from './move/index.js'
 export * as remove from './remove/index.js'

package/node/ftps/file/index.d.ts

@@ -1,7 +1,7 @@
 export * as copy from './copy/index.js'
 export * as download from './download/index.js'
-export * as exists from './exists/index.js'
-export * as move from './move/index.js'
 export * as remove from './remove/index.js'
-export * as upload from './upload/index.js'
+export * as move from './move/index.js'
+export * as exists from './exists/index.js'
 export * as stat from './stat/index.js'
+export * as upload from './upload/index.js'

package/node/ftps/file/index.js

@@ -1,7 +1,7 @@
 export * as copy from './copy/index.js'
 export * as download from './download/index.js'
-export * as exists from './exists/index.js'
-export * as move from './move/index.js'
 export * as remove from './remove/index.js'
-export * as upload from './upload/index.js'
+export * as move from './move/index.js'
+export * as exists from './exists/index.js'
 export * as stat from './stat/index.js'
+export * as upload from './upload/index.js'

package/node/images/transform/operations/index.d.ts

@@ -1,6 +1,6 @@
-export * as brighten from './brighten/index.js'
 export * as blur from './blur/index.js'
 export * as extend from './extend/index.js'
+export * as brighten from './brighten/index.js'
 export * as extract from './extract/index.js'
 export * as flatten from './flatten/index.js'
 export * as flip from './flip/index.js'
@@ -11,5 +11,5 @@ export * as lighten from './lighten/index.js'
 export * as normalize from './normalize/index.js'
 export * as overlay from './overlay/index.js'
 export * as resize from './resize/index.js'
-export * as saturate from './saturate/index.js'
 export * as rotate from './rotate/index.js'
+export * as saturate from './saturate/index.js'

package/node/images/transform/operations/index.js

@@ -1,6 +1,6 @@
-export * as brighten from './brighten/index.js'
 export * as blur from './blur/index.js'
 export * as extend from './extend/index.js'
+export * as brighten from './brighten/index.js'
 export * as extract from './extract/index.js'
 export * as flatten from './flatten/index.js'
 export * as flip from './flip/index.js'
@@ -11,5 +11,5 @@ export * as lighten from './lighten/index.js'
 export * as normalize from './normalize/index.js'
 export * as overlay from './overlay/index.js'
 export * as resize from './resize/index.js'
-export * as saturate from './saturate/index.js'
 export * as rotate from './rotate/index.js'
+export * as saturate from './saturate/index.js'

package/node/index.d.ts

@@ -1,11 +1,11 @@
-export * as designEdito from './@design-edito/index.js'
 export * as awsS3 from './@aws-s3/index.js'
+export * as designEdito from './@design-edito/index.js'
 export * as express from './@express/index.js'
 export * as googleCloud from './@google-cloud/index.js'
-export * as cloudStorage from './cloud-storage/index.js'
 export * as encryption from './encryption/index.js'
+export * as cloudStorage from './cloud-storage/index.js'
 export * as files from './files/index.js'
-export * as images from './images/index.js'
 export * as ftps from './ftps/index.js'
-export * as sftp from './sftp/index.js'
+export * as images from './images/index.js'
 export * as process from './process/index.js'
+export * as sftp from './sftp/index.js'

package/node/index.js

@@ -1,11 +1,11 @@
-export * as designEdito from './@design-edito/index.js'
 export * as awsS3 from './@aws-s3/index.js'
+export * as designEdito from './@design-edito/index.js'
 export * as express from './@express/index.js'
 export * as googleCloud from './@google-cloud/index.js'
-export * as cloudStorage from './cloud-storage/index.js'
 export * as encryption from './encryption/index.js'
+export * as cloudStorage from './cloud-storage/index.js'
 export * as files from './files/index.js'
-export * as images from './images/index.js'
 export * as ftps from './ftps/index.js'
-export * as sftp from './sftp/index.js'
+export * as images from './images/index.js'
 export * as process from './process/index.js'
+export * as sftp from './sftp/index.js'

package/node/sftp/file/index.d.ts

@@ -1,7 +1,7 @@
 export * as copy from './copy/index.js'
-export * as exists from './exists/index.js'
 export * as download from './download/index.js'
+export * as exists from './exists/index.js'
+export * as move from './move/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'
 export * as upload from './upload/index.js'
-export * as move from './move/index.js'

package/node/sftp/file/index.js

@@ -1,7 +1,7 @@
 export * as copy from './copy/index.js'
-export * as exists from './exists/index.js'
 export * as download from './download/index.js'
+export * as exists from './exists/index.js'
+export * as move from './move/index.js'
 export * as remove from './remove/index.js'
 export * as stat from './stat/index.js'
 export * as upload from './upload/index.js'
-export * as move from './move/index.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-edito/tools",
-  "version": "0.4.6",
+  "version": "0.4.11",
   "description": "",
   "author": "Maxime Fabas",
   "license": "ISC",