xmlui 0.11.3 → 0.11.6

package/dist/scripts/src/components-core/theming/utils.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SizeScaleReadableKeys = exports.SizeScaleKeys = exports.ThemeToneKeys = void 0;
-/**
- * Each theme can have a light or a dark tone.
- */
-exports.ThemeToneKeys = ["light", "dark"];
-exports.SizeScaleKeys = {
-    // small scale
-    none: "none",
-    xs: "xs",
-    sm: "sm",
-    md: "md",
-    // large scale
-    lg: "lg",
-    xl: "xl",
-    "2xl": "2xl",
-    "3xl": "3xl",
-};
-exports.SizeScaleReadableKeys = {
-    // small scale
-    none: "None",
-    xs: "Extra Small",
-    sm: "Small",
-    md: "Medium",
-    // large scale
-    lg: "Large",
-    xl: "Extra Large",
-    "2xl": "Double Extra Large",
-    "3xl": "Triple Extra Large",
-};

package/dist/scripts/src/components-core/utils/DataLoaderQueryKeyGenerator.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataLoaderQueryKeyGenerator = void 0;
-const lodash_es_1 = require("lodash-es");
-class DataLoaderQueryKeyGenerator {
-    constructor(url, queryParams, apiUrl, body, rawBody) {
-        this.url = url;
-        this.queryParams = queryParams;
-        this.key = [url];
-        if (queryParams) {
-            this.key.push(queryParams);
-        }
-        if (apiUrl) {
-            this.key.push(apiUrl);
-        }
-        if (body) {
-            this.key.push(body);
-        }
-        if (rawBody) {
-            this.key.push(rawBody);
-        }
-    }
-    asKey() {
-        if (!this.key) {
-            throw new Error("no key defined");
-        }
-        return this.key;
-    }
-    asPredicate() {
-        if (!this.key) {
-            throw new Error("no key defined");
-        }
-        return {
-            predicate: (query) => {
-                const queryKey = query.queryKey;
-                return (queryKey[0] === this.url && (!this.queryParams || (0, lodash_es_1.isEqual)(queryKey[1], this.queryParams)));
-            },
-        };
-    }
-}
-exports.DataLoaderQueryKeyGenerator = DataLoaderQueryKeyGenerator;

package/dist/scripts/src/components-core/utils/LruCache.js

@@ -1,184 +0,0 @@
-"use strict";
-// ====================================================================================================================
-// Types to implement an LRU cache we use to provide stable
-// Implementation source: https://www.nickang.com/2021-11-28-how-to-implement-an-lru-cache-in-javascript/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LRUCache = void 0;
-/**
- * A single node of the LRU cache
- */
-class DoublyLinkedNode {
-    constructor(value, key) {
-        this.value = value;
-        this.key = key;
-        this.next = undefined;
-        this.prev = undefined;
-    }
-}
-/**
- * We keep values in the LRU cache in a doubly linked list
- */
-class DoublyLinkedList {
-    constructor() {
-        this.size = 0;
-        this.head = undefined;
-        this.tail = undefined;
-        this.size = 0;
-    }
-    /**
-     * Adds a new node to the head of the list
-     * @param node The node to add to head of list
-     */
-    unshift(node) {
-        // case 1: there is only a root node in the list
-        //    point node.prev to root node
-        //    point node.next to undefined
-        //    point DoublyLinkedList head to node
-        //    point DoublyLinkedList tail to node
-        //    increment DoublyLinkedList size by 1
-        // case 2: there are data nodes in the list
-        //    point head node.prev to node
-        //    point node.next to head node
-        //    point node.prev to root node
-        //    point DoublyLinkedList head to node
-        //    increment DoublyLinkedList size by 1
-        if (this.size === 0) {
-            // case 1
-            this.head = node;
-            this.tail = node;
-            this.size++;
-        }
-        else {
-            // case 2
-            this.head.prev = node;
-            node.next = this.head;
-            node.prev = undefined;
-            this.head = node;
-            this.size++;
-        }
-    }
-    /**
-     * Remove least recently used node from tail
-     */
-    pop() {
-        const node = this.tail;
-        if (!node) {
-            return undefined;
-        }
-        else if (this.head === this.tail) {
-            this.head = undefined;
-            this.tail = undefined;
-        }
-        else {
-            this.tail.prev.next = undefined;
-        }
-        this.tail = node.prev;
-        this.size--;
-        return node;
-    }
-    /**
-     * Moves the specified node to the head
-     */
-    moveToHead(node) {
-        if (node === this.head) {
-            return;
-        }
-        if (node === this.head && node === this.tail) {
-            return;
-        }
-        if (node === this.tail) {
-            // set tail to tail node.prev
-            this.tail = this.tail.prev;
-            // set new tail node.next to undefined
-            this.tail.next = undefined;
-            // set node.next to current head
-            node.next = this.head;
-            // set current head node.prev to node
-            this.head.prev = node;
-            // set head to node
-            this.head = node;
-            // set node.prev to undefined
-            node.prev = undefined;
-        }
-        else {
-            // set node.prev.next to node.next
-            node.prev.next = node.next;
-            // set node.next.prev to node.prev
-            node.next.prev = node.prev;
-            // set node.next to current head
-            node.next = this.head;
-            // set current head node.prev to node
-            this.head.prev = node;
-            // set node as new head
-            this.head = node;
-            // set node.prev to undefined
-            node.prev = undefined;
-        }
-    }
-}
-/**
- * This class implements the LRU cache
- */
-class LRUCache {
-    constructor(maxSize) {
-        this.maxSize = maxSize;
-        this.store = {};
-        this.list = new DoublyLinkedList();
-    }
-    /**
-     * Gets the number of items stored in the cache
-     */
-    get length() {
-        return this.list.size;
-    }
-    /**
-     * Gets the value with the specified key
-     * @param key
-     */
-    get(key) {
-        // case 1: node with this key found
-        //    update position of node to head of DoublyLinkedList
-        //    return existing node
-        // case 2: node with this key not found (i.e. doesn't exist)
-        //    return undefined
-        const existingNode = this.store[key];
-        if (existingNode) {
-            this.list.moveToHead(existingNode);
-        }
-        return existingNode === null || existingNode === void 0 ? void 0 : existingNode.value;
-    }
-    /**
-     * Sets the value for a particular key within the cache
-     * @param key Cache item key
-     * @param value Cache item value
-     */
-    set(key, value) {
-        // case 1: search and found existing node with this key
-        //    use get() to obtain node
-        //    if not exist, go to case 2
-        //    if exist, let get() handle re-ordering in DoublyLinkedList
-        //        set node to hold new value
-        const existingNode = this.get(key);
-        if (existingNode) {
-            existingNode.value = value;
-        }
-        // case 2: search and couldn't find existing node with this key
-        //    create new node
-        //    insert key-value pair into store
-        //    insert as new head of DoublyLinkedList
-        const newNode = new DoublyLinkedNode(value, key);
-        this.store[key] = newNode;
-        this.list.unshift(newNode);
-        if (this.hasReachedMaxSize()) {
-            this.evictLeastRecentlyUsed();
-        }
-    }
-    hasReachedMaxSize() {
-        return this.list.size === this.maxSize + 1;
-    }
-    evictLeastRecentlyUsed() {
-        const evictedNode = this.list.pop();
-        delete this.store[evictedNode.key];
-    }
-}
-exports.LRUCache = LRUCache;

package/dist/scripts/src/components-core/utils/actionUtils.js

@@ -1,32 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.invalidateQueries = invalidateQueries;
-const DataLoaderQueryKeyGenerator_1 = require("../utils/DataLoaderQueryKeyGenerator");
-const extractParam_1 = require("../utils/extractParam");
-function invalidateQueries(invalidates, appContext, state) {
-    return __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        if (invalidates) {
-            let arrayToInvalidate = [invalidates];
-            if (Array.isArray(invalidates)) {
-                arrayToInvalidate = invalidates;
-            }
-            arrayToInvalidate.forEach((invalidate) => {
-                var _a;
-                void ((_a = appContext.queryClient) === null || _a === void 0 ? void 0 : _a.invalidateQueries(new DataLoaderQueryKeyGenerator_1.DataLoaderQueryKeyGenerator((0, extractParam_1.extractParam)(state, invalidate, appContext), undefined, appContext === null || appContext === void 0 ? void 0 : appContext.appGlobals.apiUrl, undefined, undefined).asPredicate()));
-            });
-        }
-        else {
-            yield ((_a = appContext.queryClient) === null || _a === void 0 ? void 0 : _a.invalidateQueries());
-        }
-    });
-}

package/dist/scripts/src/components-core/utils/audio-utils.js

@@ -1,83 +0,0 @@
-"use strict";
-/**
- * Audio utility functions
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BeepPatterns = void 0;
-exports.beep = beep;
-exports.beepSequence = beepSequence;
-/**
- * Generates a beep sound using the Web Audio API
- * @param frequency - The frequency of the beep in Hz (default: 800)
- * @param durationInMs - The duration of the beep in milliseconds (default: 200)
- */
-function beep(frequency = 800, durationInMs = 200) {
-    // Check if Web Audio API is supported
-    if (typeof window === 'undefined' || !window.AudioContext && !window.webkitAudioContext) {
-        console.warn('Web Audio API is not supported in this environment');
-        return;
-    }
-    try {
-        // Create audio context (handle both standard and webkit prefixed versions)
-        const AudioContextClass = window.AudioContext || window.webkitAudioContext;
-        const audioContext = new AudioContextClass();
-        // Create oscillator for the tone
-        const oscillator = audioContext.createOscillator();
-        const gainNode = audioContext.createGain();
-        // Connect nodes: oscillator -> gain -> destination
-        oscillator.connect(gainNode);
-        gainNode.connect(audioContext.destination);
-        // Configure oscillator
-        oscillator.frequency.setValueAtTime(frequency, audioContext.currentTime);
-        oscillator.type = 'sine'; // Use sine wave for a clean tone
-        // Configure gain (volume) with fade in/out to avoid clicking
-        const currentTime = audioContext.currentTime;
-        const endTime = currentTime + durationInMs / 1000;
-        const fadeTime = Math.min(0.01, durationInMs / 1000 / 4); // Fade time is 1/4 of duration or 10ms, whichever is smaller
-        gainNode.gain.setValueAtTime(0, currentTime);
-        gainNode.gain.linearRampToValueAtTime(0.3, currentTime + fadeTime); // Fade in
-        gainNode.gain.setValueAtTime(0.3, endTime - fadeTime);
-        gainNode.gain.linearRampToValueAtTime(0, endTime); // Fade out
-        // Start and stop the oscillator
-        oscillator.start(currentTime);
-        oscillator.stop(endTime);
-        // Clean up after the beep is done
-        oscillator.addEventListener('ended', () => {
-            oscillator.disconnect();
-            gainNode.disconnect();
-            audioContext.close();
-        });
-    }
-    catch (error) {
-        console.warn('Failed to generate beep:', error);
-    }
-}
-/**
- * Generates a sequence of beeps
- * @param count - Number of beeps
- * @param frequency - The frequency of each beep in Hz (default: 800)
- * @param durationInMs - The duration of each beep in milliseconds (default: 200)
- * @param intervalInMs - The interval between beeps in milliseconds (default: 300)
- */
-function beepSequence(count, frequency = 800, durationInMs = 200, intervalInMs = 300) {
-    for (let i = 0; i < count; i++) {
-        setTimeout(() => {
-            beep(frequency, durationInMs);
-        }, i * intervalInMs);
-    }
-}
-/**
- * Predefined beep patterns for common use cases
- */
-exports.BeepPatterns = {
-    /** Short, high-pitched beep for success */
-    success: () => beep(1000, 150),
-    /** Lower frequency beep for errors */
-    error: () => beep(400, 300),
-    /** Quick beep for notifications */
-    notification: () => beep(800, 100),
-    /** Double beep for warnings */
-    warning: () => beepSequence(2, 600, 150, 200),
-    /** Triple beep for alerts */
-    alert: () => beepSequence(3, 900, 100, 150),
-};

package/dist/scripts/src/components-core/utils/base64-utils.js

@@ -1,124 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uint8ArrayToBase64 = uint8ArrayToBase64;
-exports.encodeToBase64 = encodeToBase64;
-exports.base64ToUint8Array = base64ToUint8Array;
-exports.decodeFromBase64 = decodeFromBase64;
-/**
- * Convert Uint8Array to base64 string without using btoa.
- * This approach handles all Unicode characters correctly.
- */
-function uint8ArrayToBase64(bytes) {
-    const base64abc = [
-        "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M",
-        "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z",
-        "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m",
-        "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z",
-        "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "+", "/"
-    ];
-    let result = '';
-    let i;
-    const l = bytes.length;
-    for (i = 2; i < l; i += 3) {
-        result += base64abc[bytes[i - 2] >> 2];
-        result += base64abc[((bytes[i - 2] & 0x03) << 4) | (bytes[i - 1] >> 4)];
-        result += base64abc[((bytes[i - 1] & 0x0f) << 2) | (bytes[i] >> 6)];
-        result += base64abc[bytes[i] & 0x3f];
-    }
-    if (i === l + 1) {
-        // 1 byte left
-        result += base64abc[bytes[i - 2] >> 2];
-        result += base64abc[(bytes[i - 2] & 0x03) << 4];
-        result += "==";
-    }
-    if (i === l) {
-        // 2 bytes left
-        result += base64abc[bytes[i - 2] >> 2];
-        result += base64abc[((bytes[i - 2] & 0x03) << 4) | (bytes[i - 1] >> 4)];
-        result += base64abc[(bytes[i - 1] & 0x0f) << 2];
-        result += "=";
-    }
-    return result;
-}
-/**
- * Encode string to base64 value (handles Unicode properly).
- * This is a safe alternative to btoa() that works with Unicode characters.
- */
-function encodeToBase64(value) {
-    if (value === null || value === undefined) {
-        return "";
-    }
-    const valueToString = typeof value === "object" ? JSON.stringify(value) : value.toString();
-    if (typeof window !== 'undefined') {
-        // Use TextEncoder to handle Unicode properly
-        const encoder = new TextEncoder();
-        const data = encoder.encode(valueToString);
-        return uint8ArrayToBase64(data);
-    }
-    // Node.js environment
-    const buff = Buffer.from(valueToString, 'utf8');
-    return buff.toString('base64');
-}
-/**
- * Convert base64 string to Uint8Array without using atob.
- * Use this for binary data (e.g., compressed data).
- */
-function base64ToUint8Array(base64) {
-    const base64abc = [
-        "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M",
-        "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z",
-        "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m",
-        "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z",
-        "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "+", "/"
-    ];
-    // Create lookup table
-    const lookup = new Uint8Array(256);
-    for (let i = 0; i < base64abc.length; i++) {
-        lookup[base64abc[i].charCodeAt(0)] = i;
-    }
-    // Remove padding
-    let paddingLength = 0;
-    if (base64.endsWith("==")) {
-        paddingLength = 2;
-    }
-    else if (base64.endsWith("=")) {
-        paddingLength = 1;
-    }
-    const length = base64.length;
-    const bufferLength = (length * 3) / 4 - paddingLength;
-    const bytes = new Uint8Array(bufferLength);
-    let p = 0;
-    for (let i = 0; i < length; i += 4) {
-        const encoded1 = lookup[base64.charCodeAt(i)];
-        const encoded2 = lookup[base64.charCodeAt(i + 1)];
-        const encoded3 = lookup[base64.charCodeAt(i + 2)];
-        const encoded4 = lookup[base64.charCodeAt(i + 3)];
-        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
-        if (p < bufferLength) {
-            bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
-        }
-        if (p < bufferLength) {
-            bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
-        }
-    }
-    return bytes;
-}
-/**
- * Decode base64 value to string (handles Unicode properly).
- * This is a safe alternative to atob() that works with Unicode characters.
- */
-function decodeFromBase64(value) {
-    if (!value) {
-        return null;
-    }
-    const valueToString = typeof value === "object" ? JSON.stringify(value) : value.toString();
-    if (typeof window !== "undefined") {
-        // Decode from base64 and handle Unicode properly
-        const bytes = base64ToUint8Array(valueToString);
-        const decoder = new TextDecoder();
-        return decoder.decode(bytes);
-    }
-    // Node.js environment
-    const buff = Buffer.from(valueToString, "base64");
-    return buff.toString("utf8");
-}

package/dist/scripts/src/components-core/utils/compound-utils.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compoundComponentDefFromSource = compoundComponentDefFromSource;
-const xmlui_parser_1 = require("../xmlui-parser");
-function compoundComponentDefFromSource(name, componentSource) {
-    const compoundComponentDef = (0, xmlui_parser_1.xmlUiMarkupToComponent)(componentSource).component;
-    if (!compoundComponentDef) {
-        throw new Error(`Failed to parse ${name} component definition during build.`);
-    }
-    return compoundComponentDef;
-}

package/dist/scripts/src/components-core/utils/css-utils.js

@@ -1,179 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollbarWidth = exports.getStyleObjectFromString = void 0;
-exports.kebabCase = kebabCase;
-exports.toStyleString = toStyleString;
-exports.normalizeCssValueForCalc = normalizeCssValueForCalc;
-exports.getColor = getColor;
-exports.getColors = getColors;
-exports.getMaxLinesStyle = getMaxLinesStyle;
-exports.getSizeString = getSizeString;
-exports.extractPaddings = extractPaddings;
-const react_1 = require("react");
-const color_1 = __importDefault(require("color"));
-const themeVars_1 = require("../theming/themeVars");
-const constants_1 = require("../constants");
-/**
- * Converts a string to its kebab-case representation
- * @param str Input string
- * @returns Kebab-case representation
- */
-function kebabCase(str) {
-    return str.replace(/[A-Z]/g, (v) => `-${v.toLowerCase()}`);
-}
-/**
- * Converts the set of style properties to a string
- * @param style Style properties
- * @returns Style string representation
- */
-function toStyleString(style) {
-    return Object.keys(style).reduce((accumulator, key) => {
-        // remove ' in value
-        const cssValue = style[key].toString().replace("'", "");
-        // build the result
-        // you can break the line, add indent for it if you need
-        return `${accumulator}${key}:${cssValue};`;
-    }, "");
-}
-const formatStringToCamelCase = (str) => {
-    const splitted = str.split("-");
-    if (splitted.length === 1)
-        return splitted[0];
-    return (splitted[0] +
-        splitted
-            .slice(1)
-            .map((word) => word[0].toUpperCase() + word.slice(1))
-            .join(""));
-};
-const getStyleObjectFromString = (str) => {
-    const style = {};
-    str.split(";").forEach((el) => {
-        const [property, value] = el.split(":");
-        if (!property || !value)
-            return;
-        const formattedProperty = formatStringToCamelCase(property.trim());
-        // @ts-ignore
-        style[formattedProperty] = value.trim();
-    });
-    return style;
-};
-exports.getStyleObjectFromString = getStyleObjectFromString;
-function normalizeCssValueForCalc(cssValue) {
-    // 1. number -> append "px"
-    if (typeof cssValue === "number")
-        return cssValue + "px";
-    // 2. string
-    const cssTrimmed = cssValue.trim();
-    if (cssTrimmed.startsWith("var(")) {
-        return cssTrimmed;
-    }
-    const value = parseFloat(cssTrimmed);
-    const valueStr = value.toString();
-    const unit = cssTrimmed.replace(valueStr, "");
-    //  a) non-value -> "0px"
-    if (Number.isNaN(value))
-        return "0px";
-    //  b) value without unit -> append "px"
-    if (unit === "")
-        return valueStr + "px";
-    //  c) value with unit -> do nothing
-    return cssTrimmed;
-}
-function getColor(varName, format) {
-    const varValue = getComputedStyle(document.getElementById("_ui-engine-theme-root")).getPropertyValue((0, themeVars_1.getVarKey)(varName));
-    if (format === "hex") {
-        return (0, color_1.default)(varValue).hex().toString();
-    }
-    return (0, color_1.default)(varValue).toString();
-}
-function getColors(...colors) {
-    const ret = {};
-    for (const color of colors) {
-        if (typeof color === "string") {
-            ret[color] = getColor(color);
-        }
-        else {
-            ret[color.name] = getColor(color.name, color.format);
-        }
-    }
-    return ret;
-}
-function getMaxLinesStyle(maxLines) {
-    const _maxLines = maxLines && maxLines > 0 ? maxLines : 0;
-    const maxLinesStyles = _maxLines > 1
-        ? {
-            WebkitLineClamp: _maxLines,
-            lineClamp: _maxLines,
-            display: "-webkit-box",
-            WebkitBoxOrient: "vertical",
-            boxOrient: "vertical",
-            whiteSpace: "initial",
-        }
-        : constants_1.EMPTY_OBJECT;
-    return maxLinesStyles;
-}
-function getSizeString(size) {
-    if (typeof size === "number") {
-        return size + "px";
-    }
-    if (typeof size === "string" && /^\d+$/.test(size.trim())) {
-        const rowGapValue = parseInt(size, 10);
-        if (!isNaN(rowGapValue)) {
-            return rowGapValue + "px";
-        }
-    }
-    return size === null || size === void 0 ? void 0 : size.toString();
-}
-const useScrollbarWidth = () => {
-    const didCompute = (0, react_1.useRef)(false);
-    const widthRef = (0, react_1.useRef)(0);
-    (0, react_1.useEffect)(() => {
-        function handleResize() {
-            didCompute.current = false;
-        }
-        window.addEventListener("resize", handleResize);
-        return () => {
-            window.removeEventListener("resize", handleResize);
-        };
-    }, []);
-    if (didCompute.current)
-        return widthRef.current;
-    // Creating invisible container
-    if (typeof document === 'undefined') {
-        return 0;
-    }
-    const outer = document.createElement('div');
-    outer.style.visibility = 'hidden';
-    outer.style.overflow = 'scroll'; // forcing scrollbar to appear
-    document.body.appendChild(outer);
-    // Calculating difference between container's full width and the child width
-    const scrollbarWidth = outer.offsetWidth - outer.clientWidth;
-    // Removing temporary elements from the DOM
-    outer.parentNode.removeChild(outer);
-    didCompute.current = true;
-    widthRef.current = scrollbarWidth;
-    if (window.devicePixelRatio !== Math.round(window.devicePixelRatio)) {
-        //zoomed in a weird ratio, sometimes shows a horizontal scrollbar
-        widthRef.current = scrollbarWidth - 0.5;
-    }
-    return widthRef.current;
-};
-exports.useScrollbarWidth = useScrollbarWidth;
-function extractPaddings(extractValue, props) {
-    const paddingHorizontal = extractValue.asSize(props.paddingHorizontal);
-    const paddingVertical = extractValue.asSize(props.paddingVertical);
-    const paddingLeft = extractValue.asSize(props.paddingLeft);
-    const paddingRight = extractValue.asSize(props.paddingRight);
-    const paddingTop = extractValue.asSize(props.paddingTop);
-    const paddingBottom = extractValue.asSize(props.paddingBottom);
-    const padding = extractValue.asSize(props.padding);
-    return {
-        paddingLeft: paddingLeft || paddingHorizontal || padding,
-        paddingRight: paddingRight || paddingHorizontal || padding,
-        paddingTop: paddingTop || paddingVertical || padding,
-        paddingBottom: paddingBottom || paddingVertical || padding,
-    };
-}