@hanzo/ui 4.5.3 → 4.6.0

package/dist/types/media-stack-def.d.ts

@@ -1,25 +0,0 @@
-import type AnimationDef from './animation-def';
-import type ImageDef from './image-def';
-import type VideoDef from './video-def';
-/**
- * This will be implemented via css transforms,
- * so will be a subset of those capabilities.
- * Individual transforms will be added as they
- * are needed.
- */
-interface MediaTransform {
-    /** (X and Y) or [X, Y] */
-    scale?: number | number[];
-}
-interface MediaStackDef {
-    img?: ImageDef;
-    video?: VideoDef;
-    animation?: AnimationDef;
-    mediaTransform?: MediaTransform;
-    /** prefered order of precedence.
-     * If an type is missing, it will not be used.
-     * default (inMediaStack component): ['a', 'v', 'i']
-     * */
-    order?: ('a' | 'v' | 'i')[];
-}
-export type { MediaStackDef, MediaTransform };

package/dist/types/media-stack-def.js

@@ -1 +0,0 @@
-export {};

package/dist/types/t-shirt-size.d.ts

@@ -1,2 +0,0 @@
-type TShirtSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export { type TShirtSize as default };

package/dist/types/t-shirt-size.js

@@ -1 +0,0 @@
-export {};

package/dist/types/tshirt-dimensions.d.ts

@@ -1,12 +0,0 @@
-type ConcreteDimensions = {
-    w: number;
-    h: number;
-};
-type TShirtDimensions = {
-    xs?: ConcreteDimensions;
-    sm?: ConcreteDimensions;
-    md: ConcreteDimensions;
-    lg?: ConcreteDimensions;
-    xl?: ConcreteDimensions;
-};
-export { type TShirtDimensions as default };

package/dist/types/tshirt-dimensions.js

@@ -1 +0,0 @@
-export {};

package/dist/types/video-def.d.ts

@@ -1,9 +0,0 @@
-import type TShirtDimensions from './tshirt-dimensions';
-interface VideoDef {
-    videoProps?: any;
-    poster?: string;
-    sources?: string[];
-    dim: TShirtDimensions;
-    sizing?: any;
-}
-export { type VideoDef as default };

package/dist/types/video-def.js

@@ -1 +0,0 @@
-export {};

package/dist/util/format-and-abbreviate-as-currency.d.ts

@@ -1,11 +0,0 @@
-import { type QuantityAbbrSymbol } from './number-abbreviate';
-interface FormatThreshold {
-    from: number;
-    use: QuantityAbbrSymbol;
-}
-declare const formatAndAbbreviateAsCurrency: (n: number | null, thresholds?: FormatThreshold[], roundingAdds?: number, maxDecimal?: number) => {
-    full: string;
-    result: string;
-    change: "rounded" | "none" | "abbr" | "empty";
-};
-export { formatAndAbbreviateAsCurrency as default, type FormatThreshold, type QuantityAbbrSymbol };

package/dist/util/format-and-abbreviate-as-currency.js

@@ -1,91 +0,0 @@
-import Abbr, { ABBR_SYMBOLS_ARRAY } from './number-abbreviate';
-const usdFormatter = Intl.NumberFormat('en-US', {
-    style: 'currency',
-    currency: 'USD',
-    minimumFractionDigits: 2,
-});
-const formatAsUSCurrency = (n) => {
-    let result = usdFormatter.format(n);
-    return result.endsWith('.00') ? result.slice(0, -3) : result;
-};
-const formatAndAbbreviateAsCurrency = (n, thresholds = [{
-        from: 1000000000,
-        use: 'M'
-    }], 
-/**
- * Chars that will be added by ui if the number is rounded.
- * For example, if the desired output for 10.15 is "~10.1",
- * the tilda counts as 1 char.
- */
-roundingAdds = 1, maxDecimal = 2) => {
-    if (n === null) {
-        return {
-            full: '',
-            result: '',
-            change: 'empty'
-        };
-    }
-    const formatted = formatAsUSCurrency(n);
-    if (n < thresholds[0].from) {
-        return {
-            full: formatted,
-            result: formatted,
-            change: 'none'
-        };
-    }
-    // Get operative FormatThreshold pair...
-    let threshold;
-    for (let i = 0; i < thresholds.length && n >= thresholds[i].from; threshold = thresholds[i], i++) { }
-    // Build up units array to all units
-    // up to threshold.use
-    const units = [];
-    for (let i = 0; i < ABBR_SYMBOLS_ARRAY.length; i++) {
-        const current = ABBR_SYMBOLS_ARRAY[i];
-        units.push(current);
-        if (current === threshold.use) {
-            break;
-        }
-    }
-    const abbreviator = new Abbr(units);
-    // Use threshold.from as a guide to how many chars are available:
-    // first digit + comma = 2
-    // Possible trailing cents: '.xx'.length = 3
-    // 3 - 2 = 1
-    const charsAvail = formatAsUSCurrency(threshold.from).length + 1;
-    const abbr = abbreviator.abbreviate(n, charsAvail); // arbitrary, but good approx
-    const numStr = abbr.slice(0, -1);
-    const abbreviation = abbr.slice(-1);
-    const numerical = parseFloat(numStr);
-    const integral = Math.floor(numerical);
-    const integralString = formatAsUSCurrency(integral);
-    const commas = integralString.split(',').length - 1;
-    // minus abbr, dec point, dollar sign, and roundingAdds / tilda,  
-    // (1 + 1 + 1 + roundingAdds)
-    // ("precision" does NOT include the decimal point itself, 
-    // so we have to explicitly factor it in.)
-    const roundedString = numerical.toPrecision(charsAvail - commas - (3 + roundingAdds));
-    // remove trailing zeros, if any
-    const roundedNumerical = parseFloat(roundedString);
-    const roundedIntegral = Math.trunc(roundedNumerical);
-    const roundedIntegralString = formatAsUSCurrency(roundedIntegral);
-    let decimalPortion = roundedNumerical - roundedIntegral;
-    let result;
-    if (decimalPortion !== 0) {
-        // remove trailing zeros if any
-        decimalPortion = parseFloat(decimalPortion.toFixed(maxDecimal));
-        const decimalPortionString = decimalPortion.toString();
-        const afterDecimalString = decimalPortionString.slice(decimalPortionString.indexOf('.') + 1);
-        result = roundedIntegralString + '.' + afterDecimalString + abbreviation;
-    }
-    else {
-        result = roundedIntegralString + abbreviation;
-    }
-    // Did we lose any precision? 
-    const rounded = (roundedIntegral + decimalPortion !== n);
-    return {
-        full: formatted,
-        result,
-        change: rounded ? 'rounded' : 'abbr'
-    };
-};
-export { formatAndAbbreviateAsCurrency as default };

package/dist/util/format-to-max-char.d.ts

@@ -1,5 +0,0 @@
-declare const formatToMaxChar: (n: number | null, maxChars: number, roundingAdds?: number) => {
-    result: string;
-    change: "rounded" | "none" | "abbr" | "empty";
-};
-export default formatToMaxChar;

package/dist/util/format-to-max-char.js

@@ -1,57 +0,0 @@
-import Abbr from './number-abbreviate';
-const abbr = new Abbr(['K', 'M', 'B', 'T']);
-const formatToMaxChar = (n, maxChars, 
-/**
- * Chars that will be added by ui if the number is rounded.
- * For example, if the desired output for 10.15 is "~10.1",
- * the tilda counts as 1 char.
- */
-roundingAdds = 1) => {
-    if (n === null) {
-        return {
-            result: '',
-            change: 'empty'
-        };
-    }
-    const s = n.toString();
-    if (s.length > maxChars) {
-        // Highest number that can be rounded down to an 
-        // acceptable string.
-        // Decimal point, plus one decimal place = 2 chars
-        const cuttoff = Math.pow(10, maxChars - 2 - roundingAdds) - 0.05;
-        if (n < cuttoff) {
-            const intPortion = Math.floor(n);
-            const len = intPortion.toString().length;
-            // 1 is for dec point itself
-            const availDecimals = maxChars - len - 1 - roundingAdds;
-            // removes trailing zeros, if any
-            const roundedNumerical = parseFloat(n.toFixed(availDecimals));
-            return {
-                result: roundedNumerical.toString(),
-                change: 'rounded'
-            };
-        }
-        else {
-            const str = abbr.abbreviate(n, maxChars);
-            const numStr = str.slice(0, -1);
-            const abbreviation = str.slice(-1);
-            const numerical = parseFloat(numStr);
-            // minus abbr, dec point, and roundingAdds / tilda,  
-            // (1 + 1 + roundingAdds)
-            // ("precision" does NOT include the decimal point itself, 
-            // so we have to explicitly factor it in.)
-            const roundedString = numerical.toPrecision(maxChars - (2 + roundingAdds));
-            // remove trailing zeros, if any
-            const roundedNumerical = parseFloat(roundedString);
-            return {
-                result: roundedNumerical.toString() + abbreviation,
-                change: roundedNumerical === numerical ? 'abbr' : 'rounded'
-            };
-        }
-    }
-    return {
-        result: s,
-        change: 'none'
-    };
-};
-export default formatToMaxChar;

package/dist/util/index-client.d.ts

@@ -1,2 +0,0 @@
-export * from './index';
-export * from './step-animation';

package/dist/util/index-client.js

@@ -1,3 +0,0 @@
-export * from './index';
-// Must be imported from 'use client'
-export * from './step-animation';

package/dist/util/index.d.ts

@@ -1,17 +0,0 @@
-import { type ClassValue } from 'clsx';
-export { cva, type VariantProps } from 'class-variance-authority';
-import type { Dimensions } from '../types';
-export declare const cn: (...inputs: ClassValue[]) => string;
-export declare const markdown: (s: string, options?: any) => JSX.Element;
-export declare const round: (num: number) => string;
-export declare const pxToRem: (px: number, base: number) => string;
-export declare const pxToEm: (px: number, base: number) => string;
-export declare const hexToRgb: (hex: string) => string;
-export declare const asNum: (n: number | `${number}`) => number;
-export declare const constrain: (d: Dimensions, c: Dimensions) => Dimensions;
-export declare const containsToken: (s: string | undefined, toFind: string) => boolean;
-export declare const ldMerge: (result: any, ...sources: any[]) => any;
-export declare const capitalize: (str: string) => string;
-export { default as spreadToTransform } from './spread-to-transform';
-export { default as formatToMaxChar } from './format-to-max-char';
-export { default as formatAndAbbreviateAsCurrency, type FormatThreshold, type QuantityAbbrSymbol } from './format-and-abbreviate-as-currency';

package/dist/util/index.js

@@ -1,41 +0,0 @@
-import { compiler as mdCompiler } from 'markdown-to-jsx';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-export { cva } from 'class-variance-authority';
-import { default as _merge } from 'lodash.merge';
-export const cn = (...inputs) => (twMerge(clsx(inputs)));
-export const markdown = (s, options) => (mdCompiler(s, {
-    wrapper: null,
-    ...options
-}));
-export const round = (num) => (num
-    .toFixed(7)
-    .replace(/(\.[0-9]+?)0+$/, '$1')
-    .replace(/\.0$/, ''));
-export const pxToRem = (px, base) => (`${round(px / base)}rem`);
-export const pxToEm = (px, base) => (`${round(px / base)}em`);
-export const hexToRgb = (hex) => {
-    hex = hex.replace('#', '');
-    hex = hex.length === 3 ? hex.replace(/./g, '$&$&') : hex;
-    const r = parseInt(hex.substring(0, 2), 16);
-    const g = parseInt(hex.substring(2, 4), 16);
-    const b = parseInt(hex.substring(4, 6), 16);
-    return `${r} ${g} ${b}`;
-};
-export const asNum = (n) => ((typeof n === 'number') ? n : parseInt(n, 10));
-// https://stackoverflow.com/questions/3971841/how-to-resize-images-proportionally-keeping-the-aspect-ratio
-export const constrain = (d, c) => {
-    const ratio = Math.min(c.w / d.w, c.h / d.h);
-    return {
-        w: Math.round(d.w * ratio),
-        h: Math.round(d.h * ratio)
-    };
-};
-export const containsToken = (s, toFind) => (s ? s.split(' ').includes(toFind) : false);
-export const ldMerge = (result, ...sources) => (_merge(result, ...sources));
-export const capitalize = (str) => (str.charAt(0).toUpperCase() + str.slice(1));
-export { default as spreadToTransform } from './spread-to-transform';
-export { default as formatToMaxChar } from './format-to-max-char';
-export { default as formatAndAbbreviateAsCurrency } from './format-and-abbreviate-as-currency';
-// Must be imported from 'use client', so can't include this...
-// export * from './step-animation'

package/dist/util/number-abbreviate.d.ts

@@ -1,9 +0,0 @@
-type QuantityAbbrSymbol = 'K' | 'M' | 'B' | 'T';
-declare const ABBR_SYMBOLS_ARRAY: ("K" | "M" | "B" | "T")[];
-declare class NumberAbbreviator {
-    private _units;
-    constructor(units?: QuantityAbbrSymbol[]);
-    private _abbreviate;
-    abbreviate: (n: number, decPlaces: number, log?: boolean) => string;
-}
-export { type QuantityAbbrSymbol, ABBR_SYMBOLS_ARRAY, NumberAbbreviator as default };

package/dist/util/number-abbreviate.js

@@ -1,30 +0,0 @@
-// cf: https://github.com/domharrington/js-number-abbreviate/blob/master/index.js
-const ABBR_SYMBOLS_ARRAY = ['K', 'M', 'B', 'T'];
-class NumberAbbreviator {
-    constructor(units) {
-        this._abbreviate = (n, decPlaces, log = false) => {
-            const _decPlaces = Math.pow(10, decPlaces);
-            let _n = n;
-            let _unit;
-            for (let i = this._units.length - 1; i >= 0; i--) {
-                const size = Math.pow(10, (i + 1) * 3);
-                if (size <= _n) {
-                    _n = Math.round(_n * _decPlaces / size) / _decPlaces;
-                    if ((_n === 1000) && (i < this._units.length - 1)) {
-                        _n = 1;
-                        i++;
-                    }
-                    _unit = this._units[i];
-                    break;
-                }
-            }
-            return _n.toString() + (_unit ?? '');
-        };
-        this.abbreviate = (n, decPlaces, log = false) => {
-            const abbreviatedNumber = this._abbreviate(Math.abs(n), decPlaces, log);
-            return n < 0 ? '-' + abbreviatedNumber : abbreviatedNumber;
-        };
-        this._units = units ?? ABBR_SYMBOLS_ARRAY;
-    }
-}
-export { ABBR_SYMBOLS_ARRAY, NumberAbbreviator as default };

package/dist/util/specifier.d.ts

@@ -1,7 +0,0 @@
-import type { Dimensions, TShirtSize } from '../types';
-import type { TypographySize } from '../primitives/apply-typography';
-export declare const getPrimaryStartingWith: (s: string, toFind: string) => string | undefined;
-export declare const getTShirtSize: (s: string) => TShirtSize | undefined;
-export declare const getTypographySize: (s: string) => TypographySize | undefined;
-export declare const getDim: (s: string) => Dimensions | undefined;
-export declare function getSpecifierData<T>(main: string, getPrimary: (s: string) => string | undefined, getData: (s: string) => T | undefined, def?: T): T | undefined;

package/dist/util/specifier.js

@@ -1,31 +0,0 @@
-export const getPrimaryStartingWith = (s, toFind) => {
-    const tokenArray = s.split(' ');
-    return tokenArray.find((tok) => (tok.startsWith(`${toFind}-`)));
-};
-export const getTShirtSize = (s) => {
-    const subTokenArray = s.split('-');
-    return subTokenArray[subTokenArray.length - 1];
-};
-export const getTypographySize = (s) => {
-    const subTokenArray = s.split('-');
-    return subTokenArray[subTokenArray.length - 1];
-};
-export const getDim = (s) => {
-    const subTokenArray = s.split('-');
-    const dimStr = subTokenArray[subTokenArray.length - 1];
-    if (dimStr) {
-        const dimTokenArray = s.split('x');
-        return dimTokenArray ? {
-            w: Number(dimTokenArray[0]),
-            h: Number(dimTokenArray[1])
-        } : undefined;
-    }
-    return undefined;
-};
-export function getSpecifierData(main, getPrimary, getData, def) {
-    const primary = getPrimary(main);
-    if (primary) {
-        return getData(primary) ?? def;
-    }
-    return def ?? undefined;
-}

package/dist/util/spread-to-transform.d.ts

@@ -1,7 +0,0 @@
-import type { MediaTransform } from '../types';
-declare const _default: (t: MediaTransform) => {
-    transform: string;
-} | {
-    transform?: undefined;
-};
-export default _default;

package/dist/util/spread-to-transform.js

@@ -1,18 +0,0 @@
-export default (t) => {
-    let transformStrings = [];
-    const scaleVal = 'scale' in t ? t.scale : undefined;
-    if (scaleVal) {
-        if (typeof scaleVal === 'number') {
-            transformStrings.push(`scale(${scaleVal})`);
-        }
-        else if (Array.isArray(scaleVal) &&
-            scaleVal.length == 2 &&
-            typeof scaleVal[0] === 'number') {
-            transformStrings.push(`scale(${scaleVal[0]}, ${scaleVal[1]})`);
-        }
-        else {
-            throw new Error("parsing MediaTransform: Unrecognized value for 'scale'!");
-        }
-    }
-    return transformStrings.length > 0 ? { transform: transformStrings.join(' ') } : {};
-};

package/dist/util/step-animation.d.ts

@@ -1,5 +0,0 @@
-interface StepAnimation {
-    notPast(step: number): boolean;
-}
-declare const useStepAnimation: (initialStep: () => boolean, intervals: number[]) => StepAnimation;
-export { type StepAnimation, useStepAnimation };

package/dist/util/step-animation.js

@@ -1,60 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { makeObservable, reaction, computed, observable, action } from 'mobx';
-class MyStepAnimation {
-    /**  initialStep: false -> true: step 0
-                      true -> false: step 1
-         after intervals[0] : step 2
-         after intervals[1] : step 3
-
-        initialStep must contain at least one mobx observable and return boolean
-        see: https://mobx.js.org/reactions.html#reaction
-    */
-    constructor(initialStep, intervals) {
-        this._step = -1;
-        this._reactionDisposer = undefined;
-        // This is separated out because reactions have to be created
-        // once we have a valid doc / window etc. (mobx internals)
-        // Can't just do it in constructor and assign to ref
-        this.initialize = () => {
-            const fireNext = () => {
-                this._setStep(this._step + 1);
-                if (this._step <= this._intervals.length) {
-                    // No need to call clearTimeout(): https://stackoverflow.com/a/7391588/11645689
-                    setTimeout(() => { fireNext(); }, this._intervals[this._step - 1]);
-                }
-            };
-            this._reactionDisposer = reaction(this._initialStep, (triggered) => {
-                if (triggered && this._step === -1) {
-                    this._setStep(0);
-                }
-                // extra safe
-                else if (this._step === 0) {
-                    fireNext();
-                }
-            });
-        };
-        this._setStep = (v) => { this._step = v; };
-        this.dispose = () => {
-            if (this._reactionDisposer) {
-                this._reactionDisposer();
-            }
-        };
-        // https://mobx.js.org/computeds-with-args.html#2-close-over-the-arguments
-        this.notPast = (step) => (computed(() => (this._step > -1 && this._step <= step)).get());
-        this._initialStep = initialStep;
-        this._intervals = intervals;
-        makeObservable(this, {
-            _step: observable,
-            _setStep: action
-        });
-    }
-}
-const useStepAnimation = (initialStep, intervals) => {
-    const animRef = useRef(new MyStepAnimation(initialStep, intervals));
-    useEffect(() => {
-        animRef.current.initialize();
-        return animRef.current.dispose;
-    }, []);
-    return animRef.current;
-};
-export { useStepAnimation };

package/dist/util/two-way-map.d.ts

@@ -1,8 +0,0 @@
-declare class TwoWayReadonlyMap<T, K> {
-    map: Map<T, K>;
-    reverseMap: Map<K, T>;
-    constructor(map: Map<T, K>);
-    get(key: T): K | undefined;
-    revGet(key: K): T | undefined;
-}
-export default TwoWayReadonlyMap;

package/dist/util/two-way-map.js

@@ -1,16 +0,0 @@
-class TwoWayReadonlyMap {
-    constructor(map) {
-        this.map = map;
-        this.reverseMap = new Map();
-        map.forEach((value, key) => {
-            this.reverseMap.set(value, key);
-        });
-    }
-    get(key) {
-        return this.map.get(key);
-    }
-    revGet(key) {
-        return this.reverseMap.get(key);
-    }
-}
-export default TwoWayReadonlyMap;