@design-edito/tools 0.4.6 → 0.4.12

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 isArrayOf from './is-array-of/index.js'
 export * as make from './make/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 isArrayOf from './is-array-of/index.js'
 export * as make from './make/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/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 bem from './bem/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 bem from './bem/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/deep-select/index.d.ts

@@ -0,0 +1,31 @@
+/** Options for `deepSelect`. */
+type Options = {
+    /** Root node to start traversal from. Defaults to `document`. */
+    fromElement?: Element;
+    /** Number of element nodes to visit before yielding to the main thread. Defaults to `500`. */
+    chunkSize?: number;
+};
+/**
+ * Queries the DOM for all elements matching a CSS selector, including inside open shadow roots.
+ *
+ * Walks the tree with `document.createTreeWalker` instead of `querySelectorAll`, so traversal can
+ * descend into `element.shadowRoot` trees that standard selectors do not pierce. The traversal
+ * root (`fromElement` or `document`) is never included in the results, even if it matches.
+ *
+ * Yields to the main thread every `chunkSize` visited nodes, using `scheduler.yield()` when
+ * available or `setTimeout(0)` as a fallback. Requires a browser environment with `document`.
+ *
+ * @param {string} selector - CSS selector tested with `Element.prototype.matches`.
+ * @param {Options} [options] - Optional configuration:
+ *   - `fromElement`: Element (or `document`) to start the walk from.
+ *   - `chunkSize`: How many element nodes to process between yields.
+ * @returns {Promise<Element[]>} All matching elements in tree-walker order (depth-first).
+ *
+ * @example
+ * const items = await deepSelect('[data-item]', { fromElement: app })
+ *
+ * @example
+ * const labels = await deepSelect('.label', { chunkSize: 100 })
+ */
+export declare const deepSelect: (selector: string, options?: Options) => Promise<Element[]>;
+export {};

package/agnostic/html/deep-select/index.js

@@ -0,0 +1,52 @@
+import * as Window from '../../misc/crossenv/window/index.js';
+const yieldToMain = async (windowLike) => {
+    if (typeof windowLike.scheduler?.yield === 'function')
+        return windowLike.scheduler.yield();
+    return await new Promise(resolve => setTimeout(resolve, 0));
+};
+/**
+ * Queries the DOM for all elements matching a CSS selector, including inside open shadow roots.
+ *
+ * Walks the tree with `document.createTreeWalker` instead of `querySelectorAll`, so traversal can
+ * descend into `element.shadowRoot` trees that standard selectors do not pierce. The traversal
+ * root (`fromElement` or `document`) is never included in the results, even if it matches.
+ *
+ * Yields to the main thread every `chunkSize` visited nodes, using `scheduler.yield()` when
+ * available or `setTimeout(0)` as a fallback. Requires a browser environment with `document`.
+ *
+ * @param {string} selector - CSS selector tested with `Element.prototype.matches`.
+ * @param {Options} [options] - Optional configuration:
+ *   - `fromElement`: Element (or `document`) to start the walk from.
+ *   - `chunkSize`: How many element nodes to process between yields.
+ * @returns {Promise<Element[]>} All matching elements in tree-walker order (depth-first).
+ *
+ * @example
+ * const items = await deepSelect('[data-item]', { fromElement: app })
+ *
+ * @example
+ * const labels = await deepSelect('.label', { chunkSize: 100 })
+ */
+export const deepSelect = async (selector, options) => {
+    const window = Window.get();
+    const { document } = window;
+    const from = options?.fromElement ?? document;
+    const results = [];
+    const chunkSize = options?.chunkSize ?? 500;
+    let nodeCount = 0;
+    const traverse = async (root) => {
+        const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);
+        let node = walker.currentNode;
+        while (node instanceof Element) {
+            if (node !== root && node.matches(selector))
+                results.push(node);
+            if (node.shadowRoot !== null)
+                await traverse(node.shadowRoot);
+            nodeCount++;
+            if (nodeCount % chunkSize === 0)
+                await yieldToMain(window);
+            node = walker.nextNode();
+        }
+    };
+    await traverse(from);
+    return results;
+};

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 addclass from './addclass/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 call from './call/index.js'
+export * as at from './at/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 hjstringify from './hjstringify/index.js'
-export * as initialize from './initialize/index.js'
 export * as if from './if/index.js'
 export * as join from './join/index.js'
-export * as getproperties from './getproperties/index.js'
+export * as initialize from './initialize/index.js'
 export * as length from './length/index.js'
 export * as map from './map/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 negate from './negate/index.js'
 export * as populate from './populate/index.js'
+export * as print from './print/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 recordtoarray from './recordtoarray/index.js'
+export * as removeattribute from './removeattribute/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 setattribute from './setattribute/index.js'
 export * as setproperty from './setproperty/index.js'
+export * as set from './set/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 split from './split/index.js'
 export * as toarray from './toarray/index.js'
 export * as toboolean from './toboolean/index.js'
 export * as toelement from './toelement/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'

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 addclass from './addclass/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 call from './call/index.js'
+export * as at from './at/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 hjstringify from './hjstringify/index.js'
-export * as initialize from './initialize/index.js'
 export * as if from './if/index.js'
 export * as join from './join/index.js'
-export * as getproperties from './getproperties/index.js'
+export * as initialize from './initialize/index.js'
 export * as length from './length/index.js'
 export * as map from './map/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 negate from './negate/index.js'
 export * as populate from './populate/index.js'
+export * as print from './print/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 recordtoarray from './recordtoarray/index.js'
+export * as removeattribute from './removeattribute/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 setattribute from './setattribute/index.js'
 export * as setproperty from './setproperty/index.js'
+export * as set from './set/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 split from './split/index.js'
 export * as toarray from './toarray/index.js'
 export * as toboolean from './toboolean/index.js'
 export * as toelement from './toelement/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'

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

@@ -3,8 +3,8 @@ export * as array from './array/index.js'
 export * as boolean from './boolean/index.js'
 export * as element from './element/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'

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

@@ -3,8 +3,8 @@ export * as array from './array/index.js'
 export * as boolean from './boolean/index.js'
 export * as element from './element/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'