onejs-core 0.3.5 → 0.3.7

package/definitions/onejs.d.ts

@@ -17,7 +17,8 @@ type VisualElement = CS.UnityEngine.UIElements.VisualElement;
 type float2 = CS.Unity.Mathematics.float2;
 type float3 = CS.Unity.Mathematics.float3;
 type float4 = CS.Unity.Mathematics.float4;
-
+type Sprite = CS.UnityEngine.Sprite;
+type Texture = CS.UnityEngine.Texture;
 
 type StyleEnum<T> = CS.UnityEngine.UIElements.StyleEnum$1<T>;
 type Align = CS.UnityEngine.UIElements.Align;

package/definitions/preact.jsx.d.ts

@@ -1,7 +1,7 @@
-declare module "preact/jsx" {
-    namespace JSXInternal {
-        interface IntrinsicElements extends JSX.IntrinsicElements {
+// declare module "preact/jsx" {
+//     namespace JSXInternal {
+//         interface IntrinsicElements extends JSX.IntrinsicElements {
             
-        }
-    }
-}
+//         }
+//     }
+// }

package/dist/dom/document.d.ts

@@ -0,0 +1,14 @@
+import { DomWrapper } from "./dom";
+interface ElementCreationOptions {
+    is?: string;
+}
+export declare class DocumentWrapper {
+    #private;
+    get body(): DomWrapper;
+    constructor(doc: CS.OneJS.Dom.Document);
+    addRuntimeUSS(uss: string): void;
+    createElement(tagName: string, options?: ElementCreationOptions): DomWrapper;
+    createElementNS(ns: string, tagName: string, options: ElementCreationOptions): DomWrapper;
+    createTextNode(text: string): DomWrapper;
+}
+export {};

package/dist/dom/document.js

@@ -0,0 +1,22 @@
+import { DomWrapper } from "./dom";
+export class DocumentWrapper {
+    #doc;
+    #body;
+    get body() { return this.#body; }
+    constructor(doc) {
+        this.#doc = doc;
+        this.#body = new DomWrapper(doc.body);
+    }
+    addRuntimeUSS(uss) {
+        this.#doc.addRuntimeUSS(uss);
+    }
+    createElement(tagName, options) {
+        return new DomWrapper(this.#doc.createElement(tagName));
+    }
+    createElementNS(ns, tagName, options) {
+        return new DomWrapper(this.#doc.createElement(tagName));
+    }
+    createTextNode(text) {
+        return new DomWrapper(this.#doc.createTextNode(text));
+    }
+}

package/dist/dom/dom-style.d.ts

@@ -0,0 +1,7 @@
+export declare class DomStyleWrapper implements CS.OneJS.Dom.DomStyle {
+    #private;
+    constructor(domStyle: CS.OneJS.Dom.DomStyle);
+    setProperty(name: string, value: any): void;
+}
+export interface DomStyleWrapper extends CS.OneJS.Dom.DomStyle {
+}

package/dist/dom/dom-style.js

@@ -0,0 +1,18 @@
+export class DomStyleWrapper {
+    #domStyle;
+    constructor(domStyle) {
+        this.#domStyle = domStyle;
+        return new Proxy(this, {
+            set(target, prop, value) {
+                target.setProperty(prop, value);
+                return true;
+            },
+            get(target, prop) {
+                return target[prop];
+            }
+        });
+    }
+    setProperty(name, value) {
+        this.#domStyle.setProperty(name, value);
+    }
+}

package/dist/dom/dom.d.ts

@@ -0,0 +1,32 @@
+import { DomStyleWrapper } from "./dom-style";
+export declare class DomWrapper {
+    #private;
+    get _dom(): CS.OneJS.Dom.Dom;
+    get ve(): CS.UnityEngine.UIElements.VisualElement;
+    get childNodes(): DomWrapper[];
+    get firstChild(): DomWrapper | null;
+    get parentNode(): DomWrapper | null;
+    get nextSibling(): DomWrapper | null;
+    get nodeType(): number;
+    get Id(): string;
+    set Id(value: string);
+    get key(): string;
+    set key(value: string);
+    get style(): DomStyleWrapper;
+    get value(): any;
+    get checked(): boolean;
+    get data(): any;
+    set data(value: any);
+    get classname(): string;
+    set classname(value: string);
+    constructor(dom: CS.OneJS.Dom.Dom);
+    appendChild(child: DomWrapper): void;
+    removeChild(child: DomWrapper): void;
+    insertBefore(a: DomWrapper, b: DomWrapper): void;
+    clearChildren(): void;
+    focus(): void;
+    addEventListener(type: string, listener: (event: Event) => void, useCapture?: boolean): void;
+    removeEventListener(type: string, listener: (event: Event) => void, useCapture?: boolean): void;
+    setAttribute(name: string, value: any): void;
+    removeAttribute(name: string): void;
+}

package/dist/dom/dom.js

@@ -0,0 +1,62 @@
+import { DomStyleWrapper } from "./dom-style";
+export class DomWrapper {
+    get _dom() { return this.#dom; }
+    get ve() { return this.#dom.ve; }
+    get childNodes() { return this.#dom.childNodes.map((child) => new DomWrapper(child)); }
+    get firstChild() {
+        return this.#dom.firstChild ? new DomWrapper(this.#dom.firstChild) : null;
+    }
+    get parentNode() {
+        return this.#dom.parentNode ? new DomWrapper(this.#dom.parentNode) : null;
+    }
+    get nextSibling() {
+        return this.#dom.nextSibling ? new DomWrapper(this.#dom.nextSibling) : null;
+    }
+    get nodeType() { return this.#dom.nodeType; }
+    get Id() { return this.#dom.Id; }
+    set Id(value) { this.#dom.Id = value; }
+    get key() { return this.#dom.key; }
+    set key(value) { this.#dom.key = value; }
+    get style() { return this.#domStyleWrapper; }
+    get value() { return this.#dom.value; }
+    get checked() { return this.#dom.checked; }
+    get data() { return this.#dom.data; }
+    set data(value) { this.#dom.data = value; }
+    get classname() { return this.#dom.classname; }
+    set classname(value) { this.#dom.classname = value; }
+    #dom;
+    #domStyleWrapper;
+    constructor(dom) {
+        this.#dom = dom;
+        this.#domStyleWrapper = new DomStyleWrapper(dom.style);
+    }
+    appendChild(child) {
+        this.#dom.appendChild(child.#dom);
+    }
+    removeChild(child) {
+        this.#dom.removeChild(child.#dom);
+    }
+    insertBefore(a, b) {
+        this.#dom.insertBefore(a?._dom, b?._dom);
+    }
+    clearChildren() {
+        this.#dom.clearChildren();
+    }
+    focus() {
+        this.#dom.focus();
+    }
+    addEventListener(type, listener, useCapture) {
+        // @ts-ignore
+        this.#dom.addEventListener(type, listener.bind(this), useCapture);
+    }
+    removeEventListener(type, listener, useCapture) {
+        // @ts-ignore
+        this.#dom.removeEventListener(type, listener.bind(this), useCapture);
+    }
+    setAttribute(name, value) {
+        this.#dom.setAttribute(name, value);
+    }
+    removeAttribute(name) {
+        this.#dom.removeAttribute(name);
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import { DocumentWrapper } from "./dom/document";
+import { DomWrapper } from "./dom/dom";
+/**
+ * OneJS's own h function. Use this to quickly create elements in jsx-like syntax
+ * @param type
+ * @param props
+ * @param children
+ * @returns
+ */
+export declare function h(type: any, props: any, ...children: any[]): any;
+export { emo } from "./styling/index";
+declare global {
+    interface Document extends DocumentWrapper {
+    }
+    interface Element extends DomWrapper {
+        classname: string;
+        nodeType: number;
+        ve: CS.UnityEngine.UIElements.VisualElement;
+    }
+}

package/dist/index.js

@@ -0,0 +1,36 @@
+import { DocumentWrapper } from "./dom/document";
+/**
+ * OneJS's own h function. Use this to quickly create elements in jsx-like syntax
+ * @param type
+ * @param props
+ * @param children
+ * @returns
+ */
+export function h(type, props, ...children) {
+    const element = typeof type === "string" ? document.createElement(type) : type;
+    // Assign properties to the element
+    for (const [key, value] of Object.entries(props || {})) {
+        if (key.startsWith("on") && typeof value === "function") {
+            element.addEventListener(key.substring(2).toLowerCase(), value);
+        }
+        else if (key === "style" && typeof value === "object") {
+            Object.assign(element.style, value);
+        }
+        else {
+            element.setAttribute(key, value);
+        }
+    }
+    // Append children
+    for (const child of children) {
+        if (typeof child === "string") {
+            element.appendChild(document.createTextNode(child));
+        }
+        else {
+            element.appendChild(child);
+        }
+    }
+    return element;
+}
+export { emo } from "./styling/index";
+// @ts-ignore
+globalThis.document = new DocumentWrapper(___document);

package/dist/preloads/inject.d.ts

@@ -0,0 +1,2 @@
+export declare function btoa(text: string): string;
+export declare function atob(base64: string): string;

package/dist/preloads/inject.js

@@ -0,0 +1,35 @@
+export function btoa(text) {
+    // return CS.OneJS.CommonGlobals.btoa(text);
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+    let str = text;
+    let output = '';
+    for (let i = 0; i < str.length; i += 3) {
+        let block = (str.charCodeAt(i) << 16) | ((i + 1 < str.length ? str.charCodeAt(i + 1) : 0) << 8) | (i + 2 < str.length ? str.charCodeAt(i + 2) : 0);
+        output += chars[(block >> 18) & 0x3F] +
+            chars[(block >> 12) & 0x3F] +
+            (i + 1 < str.length ? chars[(block >> 6) & 0x3F] : '=') +
+            (i + 2 < str.length ? chars[block & 0x3F] : '=');
+    }
+    return output;
+}
+// function uint8ArrayToString(uint8Array) {
+//     const chars: any = [];
+//     for (let i = 0; i < uint8Array.length; i++) {
+//         chars.push(String.fromCharCode(uint8Array[i]));
+//     }
+//     return chars.join('');
+// }
+export function atob(base64) {
+    // return CS.OneJS.CommonGlobals.atob(base64);
+    // return CS.System.Text.Encoding.UTF8.GetString(CS.System.Convert.FromBase64String(base64))
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+    let str = base64.replace(/=+$/, '');
+    let output = '';
+    if (str.length % 4 == 1) {
+        throw new Error('Invalid base64 string');
+    }
+    for (let bc = 0, bs = 0, buffer, idx = 0; buffer = str.charAt(idx++); ~buffer && (bs = bc % 4 ? bs * 64 + buffer : buffer, bc++ % 4) ? output += String.fromCharCode(255 & bs >> (-2 * bc & 6)) : 0) {
+        buffer = chars.indexOf(buffer);
+    }
+    return output;
+}

package/dist/styling/index.d.ts

@@ -0,0 +1,9 @@
+export declare function hashAndAddRuntimeUSS(style: string): string;
+/**
+ * Similar to the Emotion api, this function takes a template string and returns
+ * a class name that can be used to style an element.
+ * @param strings
+ * @param values
+ * @returns
+ */
+export declare const emo: (strings: TemplateStringsArray, ...values: any[]) => string;

package/dist/styling/index.js

@@ -0,0 +1,23 @@
+import flatten from "css-flatten";
+import generateComponentId from "./utils/generateComponentId";
+export function hashAndAddRuntimeUSS(style) {
+    let compId = generateComponentId(style);
+    style = `.${compId} {${style}}`;
+    style = flatten(style);
+    document.addRuntimeUSS(style);
+    return compId;
+}
+/**
+ * Similar to the Emotion api, this function takes a template string and returns
+ * a class name that can be used to style an element.
+ * @param strings
+ * @param values
+ * @returns
+ */
+export const emo = function (strings, ...values) {
+    let style = values.reduce((result, expr, index) => {
+        const value = expr;
+        return result + (value ? value : "") + strings[index + 1];
+    }, strings[0]);
+    return hashAndAddRuntimeUSS(style);
+};

package/dist/styling/utils/generateAlphabeticName.d.ts

@@ -0,0 +1 @@
+export default function generateAlphabeticName(code: number): string;

package/dist/styling/utils/generateAlphabeticName.js

@@ -0,0 +1,16 @@
+const AD_REPLACER_R = /(a)(d)/gi;
+/* This is the "capacity" of our alphabet i.e. 2x26 for all letters plus their capitalised
+ * counterparts */
+const charsLength = 52;
+/* start at 75 for 'a' until 'z' (25) and then start at 65 for capitalised letters */
+const getAlphabeticChar = (code) => String.fromCharCode(code + (code > 25 ? 39 : 97));
+/* input a number, usually a hash and convert it to base-52 */
+export default function generateAlphabeticName(code) {
+    let name = '';
+    let x;
+    /* get a char and divide by alphabet-length */
+    for (x = Math.abs(code); x > charsLength; x = (x / charsLength) | 0) {
+        name = getAlphabeticChar(x % charsLength) + name;
+    }
+    return (getAlphabeticChar(x % charsLength) + name).replace(AD_REPLACER_R, '$1-$2');
+}

package/dist/styling/utils/generateComponentId.d.ts

@@ -0,0 +1 @@
+export default function generateComponentId(str: string): string;

package/dist/styling/utils/generateComponentId.js

@@ -0,0 +1,5 @@
+import generateAlphabeticName from './generateAlphabeticName';
+import { hash } from './hash';
+export default function generateComponentId(str) {
+    return generateAlphabeticName(hash(str) >>> 0);
+}

package/dist/styling/utils/hash.d.ts

@@ -0,0 +1,5 @@
+export declare const SEED = 5381;
+export declare const phash: (h: number, x: string) => number;
+export declare const hash: (x: string) => number;
+export declare function generateAlphabeticName(code: number): string;
+export default function generateComponentId(str: string): string;

package/dist/styling/utils/hash.js

@@ -0,0 +1,34 @@
+export const SEED = 5381;
+// When we have separate strings it's useful to run a progressive
+// version of djb2 where we pretend that we're still looping over
+// the same string
+export const phash = (h, x) => {
+    let i = x.length;
+    while (i) {
+        h = (h * 33) ^ x.charCodeAt(--i);
+    }
+    return h;
+};
+// This is a djb2 hashing function
+export const hash = (x) => {
+    return phash(SEED, x);
+};
+const AD_REPLACER_R = /(a)(d)/gi;
+/* This is the "capacity" of our alphabet i.e. 2x26 for all letters plus their capitalised
+ * counterparts */
+const charsLength = 52;
+/* start at 75 for 'a' until 'z' (25) and then start at 65 for capitalised letters */
+const getAlphabeticChar = (code) => String.fromCharCode(code + (code > 25 ? 39 : 97));
+/* input a number, usually a hash and convert it to base-52 */
+export function generateAlphabeticName(code) {
+    let name = '';
+    let x;
+    /* get a char and divide by alphabet-length */
+    for (x = Math.abs(code); x > charsLength; x = (x / charsLength) | 0) {
+        name = getAlphabeticChar(x % charsLength) + name;
+    }
+    return (getAlphabeticChar(x % charsLength) + name).replace(AD_REPLACER_R, '$1-$2');
+}
+export default function generateComponentId(str) {
+    return generateAlphabeticName(hash(str) >>> 0);
+}

package/dist/utils/color-palettes.d.ts

@@ -0,0 +1,2 @@
+declare let palettes: string[][];
+export { palettes };

package/dist/utils/color-palettes.js

@@ -0,0 +1,2 @@
+let palettes = [["#69d2e7", "#a7dbd8", "#e0e4cc", "#f38630", "#fa6900"], ["#fe4365", "#fc9d9a", "#f9cdad", "#c8c8a9", "#83af9b"], ["#ecd078", "#d95b43", "#c02942", "#542437", "#53777a"], ["#556270", "#4ecdc4", "#c7f464", "#ff6b6b", "#c44d58"], ["#774f38", "#e08e79", "#f1d4af", "#ece5ce", "#c5e0dc"], ["#e8ddcb", "#cdb380", "#036564", "#033649", "#031634"], ["#490a3d", "#bd1550", "#e97f02", "#f8ca00", "#8a9b0f"], ["#594f4f", "#547980", "#45ada8", "#9de0ad", "#e5fcc2"], ["#00a0b0", "#6a4a3c", "#cc333f", "#eb6841", "#edc951"], ["#e94e77", "#d68189", "#c6a49a", "#c6e5d9", "#f4ead5"], ["#3fb8af", "#7fc7af", "#dad8a7", "#ff9e9d", "#ff3d7f"], ["#d9ceb2", "#948c75", "#d5ded9", "#7a6a53", "#99b2b7"], ["#ffffff", "#cbe86b", "#f2e9e1", "#1c140d", "#cbe86b"], ["#efffcd", "#dce9be", "#555152", "#2e2633", "#99173c"], ["#343838", "#005f6b", "#008c9e", "#00b4cc", "#00dffc"], ["#413e4a", "#73626e", "#b38184", "#f0b49e", "#f7e4be"], ["#ff4e50", "#fc913a", "#f9d423", "#ede574", "#e1f5c4"], ["#99b898", "#fecea8", "#ff847c", "#e84a5f", "#2a363b"], ["#655643", "#80bca3", "#f6f7bd", "#e6ac27", "#bf4d28"], ["#00a8c6", "#40c0cb", "#f9f2e7", "#aee239", "#8fbe00"], ["#351330", "#424254", "#64908a", "#e8caa4", "#cc2a41"], ["#554236", "#f77825", "#d3ce3d", "#f1efa5", "#60b99a"], ["#5d4157", "#838689", "#a8caba", "#cad7b2", "#ebe3aa"], ["#8c2318", "#5e8c6a", "#88a65e", "#bfb35a", "#f2c45a"], ["#fad089", "#ff9c5b", "#f5634a", "#ed303c", "#3b8183"], ["#ff4242", "#f4fad2", "#d4ee5e", "#e1edb9", "#f0f2eb"], ["#f8b195", "#f67280", "#c06c84", "#6c5b7b", "#355c7d"], ["#d1e751", "#ffffff", "#000000", "#4dbce9", "#26ade4"], ["#1b676b", "#519548", "#88c425", "#bef202", "#eafde6"], ["#5e412f", "#fcebb6", "#78c0a8", "#f07818", "#f0a830"], ["#bcbdac", "#cfbe27", "#f27435", "#f02475", "#3b2d38"], ["#452632", "#91204d", "#e4844a", "#e8bf56", "#e2f7ce"], ["#eee6ab", "#c5bc8e", "#696758", "#45484b", "#36393b"], ["#f0d8a8", "#3d1c00", "#86b8b1", "#f2d694", "#fa2a00"], ["#2a044a", "#0b2e59", "#0d6759", "#7ab317", "#a0c55f"], ["#f04155", "#ff823a", "#f2f26f", "#fff7bd", "#95cfb7"], ["#b9d7d9", "#668284", "#2a2829", "#493736", "#7b3b3b"], ["#bbbb88", "#ccc68d", "#eedd99", "#eec290", "#eeaa88"], ["#b3cc57", "#ecf081", "#ffbe40", "#ef746f", "#ab3e5b"], ["#a3a948", "#edb92e", "#f85931", "#ce1836", "#009989"], ["#300030", "#480048", "#601848", "#c04848", "#f07241"], ["#67917a", "#170409", "#b8af03", "#ccbf82", "#e33258"], ["#aab3ab", "#c4cbb7", "#ebefc9", "#eee0b7", "#e8caaf"], ["#e8d5b7", "#0e2430", "#fc3a51", "#f5b349", "#e8d5b9"], ["#ab526b", "#bca297", "#c5ceae", "#f0e2a4", "#f4ebc3"], ["#607848", "#789048", "#c0d860", "#f0f0d8", "#604848"], ["#b6d8c0", "#c8d9bf", "#dadabd", "#ecdbbc", "#fedcba"], ["#a8e6ce", "#dcedc2", "#ffd3b5", "#ffaaa6", "#ff8c94"], ["#3e4147", "#fffedf", "#dfba69", "#5a2e2e", "#2a2c31"], ["#fc354c", "#29221f", "#13747d", "#0abfbc", "#fcf7c5"], ["#cc0c39", "#e6781e", "#c8cf02", "#f8fcc1", "#1693a7"], ["#1c2130", "#028f76", "#b3e099", "#ffeaad", "#d14334"], ["#a7c5bd", "#e5ddcb", "#eb7b59", "#cf4647", "#524656"], ["#dad6ca", "#1bb0ce", "#4f8699", "#6a5e72", "#563444"], ["#5c323e", "#a82743", "#e15e32", "#c0d23e", "#e5f04c"], ["#edebe6", "#d6e1c7", "#94c7b6", "#403b33", "#d3643b"], ["#fdf1cc", "#c6d6b8", "#987f69", "#e3ad40", "#fcd036"], ["#230f2b", "#f21d41", "#ebebbc", "#bce3c5", "#82b3ae"], ["#b9d3b0", "#81bda4", "#b28774", "#f88f79", "#f6aa93"], ["#3a111c", "#574951", "#83988e", "#bcdea5", "#e6f9bc"], ["#5e3929", "#cd8c52", "#b7d1a3", "#dee8be", "#fcf7d3"], ["#1c0113", "#6b0103", "#a30006", "#c21a01", "#f03c02"], ["#000000", "#9f111b", "#b11623", "#292c37", "#cccccc"], ["#382f32", "#ffeaf2", "#fcd9e5", "#fbc5d8", "#f1396d"], ["#e3dfba", "#c8d6bf", "#93ccc6", "#6cbdb5", "#1a1f1e"], ["#f6f6f6", "#e8e8e8", "#333333", "#990100", "#b90504"], ["#1b325f", "#9cc4e4", "#e9f2f9", "#3a89c9", "#f26c4f"], ["#a1dbb2", "#fee5ad", "#faca66", "#f7a541", "#f45d4c"], ["#c1b398", "#605951", "#fbeec2", "#61a6ab", "#accec0"], ["#5e9fa3", "#dcd1b4", "#fab87f", "#f87e7b", "#b05574"], ["#951f2b", "#f5f4d7", "#e0dfb1", "#a5a36c", "#535233"], ["#8dccad", "#988864", "#fea6a2", "#f9d6ac", "#ffe9af"], ["#2d2d29", "#215a6d", "#3ca2a2", "#92c7a3", "#dfece6"], ["#413d3d", "#040004", "#c8ff00", "#fa023c", "#4b000f"], ["#eff3cd", "#b2d5ba", "#61ada0", "#248f8d", "#605063"], ["#ffefd3", "#fffee4", "#d0ecea", "#9fd6d2", "#8b7a5e"], ["#cfffdd", "#b4dec1", "#5c5863", "#a85163", "#ff1f4c"], ["#9dc9ac", "#fffec7", "#f56218", "#ff9d2e", "#919167"], ["#4e395d", "#827085", "#8ebe94", "#ccfc8e", "#dc5b3e"], ["#a8a7a7", "#cc527a", "#e8175d", "#474747", "#363636"], ["#f8edd1", "#d88a8a", "#474843", "#9d9d93", "#c5cfc6"], ["#046d8b", "#309292", "#2fb8ac", "#93a42a", "#ecbe13"], ["#f38a8a", "#55443d", "#a0cab5", "#cde9ca", "#f1edd0"], ["#a70267", "#f10c49", "#fb6b41", "#f6d86b", "#339194"], ["#ff003c", "#ff8a00", "#fabe28", "#88c100", "#00c176"], ["#ffedbf", "#f7803c", "#f54828", "#2e0d23", "#f8e4c1"], ["#4e4d4a", "#353432", "#94ba65", "#2790b0", "#2b4e72"], ["#0ca5b0", "#4e3f30", "#fefeeb", "#f8f4e4", "#a5b3aa"], ["#4d3b3b", "#de6262", "#ffb88c", "#ffd0b3", "#f5e0d3"], ["#fffbb7", "#a6f6af", "#66b6ab", "#5b7c8d", "#4f2958"], ["#edf6ee", "#d1c089", "#b3204d", "#412e28", "#151101"], ["#9d7e79", "#ccac95", "#9a947c", "#748b83", "#5b756c"], ["#fcfef5", "#e9ffe1", "#cdcfb7", "#d6e6c3", "#fafbe3"], ["#9cddc8", "#bfd8ad", "#ddd9ab", "#f7af63", "#633d2e"], ["#30261c", "#403831", "#36544f", "#1f5f61", "#0b8185"], ["#aaff00", "#ffaa00", "#ff00aa", "#aa00ff", "#00aaff"], ["#d1313d", "#e5625c", "#f9bf76", "#8eb2c5", "#615375"], ["#ffe181", "#eee9e5", "#fad3b2", "#ffba7f", "#ff9c97"], ["#73c8a9", "#dee1b6", "#e1b866", "#bd5532", "#373b44"], ["#805841", "#dcf7f3", "#fffcdd", "#ffd8d8", "#f5a2a2"]];
+export { palettes };

package/dist/utils/color-parser.d.ts

@@ -0,0 +1,161 @@
+type float4 = CS.Unity.Mathematics.float4;
+declare var kCSSColorTable: {
+    transparent: number[];
+    aliceblue: number[];
+    antiquewhite: number[];
+    aqua: number[];
+    aquamarine: number[];
+    azure: number[];
+    beige: number[];
+    bisque: number[];
+    black: number[];
+    blanchedalmond: number[];
+    blue: number[];
+    blueviolet: number[];
+    brown: number[];
+    burlywood: number[];
+    cadetblue: number[];
+    chartreuse: number[];
+    chocolate: number[];
+    coral: number[];
+    cornflowerblue: number[];
+    cornsilk: number[];
+    crimson: number[];
+    cyan: number[];
+    darkblue: number[];
+    darkcyan: number[];
+    darkgoldenrod: number[];
+    darkgray: number[];
+    darkgreen: number[];
+    darkgrey: number[];
+    darkkhaki: number[];
+    darkmagenta: number[];
+    darkolivegreen: number[];
+    darkorange: number[];
+    darkorchid: number[];
+    darkred: number[];
+    darksalmon: number[];
+    darkseagreen: number[];
+    darkslateblue: number[];
+    darkslategray: number[];
+    darkslategrey: number[];
+    darkturquoise: number[];
+    darkviolet: number[];
+    deeppink: number[];
+    deepskyblue: number[];
+    dimgray: number[];
+    dimgrey: number[];
+    dodgerblue: number[];
+    firebrick: number[];
+    floralwhite: number[];
+    forestgreen: number[];
+    fuchsia: number[];
+    gainsboro: number[];
+    ghostwhite: number[];
+    gold: number[];
+    goldenrod: number[];
+    gray: number[];
+    green: number[];
+    greenyellow: number[];
+    grey: number[];
+    honeydew: number[];
+    hotpink: number[];
+    indianred: number[];
+    indigo: number[];
+    ivory: number[];
+    khaki: number[];
+    lavender: number[];
+    lavenderblush: number[];
+    lawngreen: number[];
+    lemonchiffon: number[];
+    lightblue: number[];
+    lightcoral: number[];
+    lightcyan: number[];
+    lightgoldenrodyellow: number[];
+    lightgray: number[];
+    lightgreen: number[];
+    lightgrey: number[];
+    lightpink: number[];
+    lightsalmon: number[];
+    lightseagreen: number[];
+    lightskyblue: number[];
+    lightslategray: number[];
+    lightslategrey: number[];
+    lightsteelblue: number[];
+    lightyellow: number[];
+    lime: number[];
+    limegreen: number[];
+    linen: number[];
+    magenta: number[];
+    maroon: number[];
+    mediumaquamarine: number[];
+    mediumblue: number[];
+    mediumorchid: number[];
+    mediumpurple: number[];
+    mediumseagreen: number[];
+    mediumslateblue: number[];
+    mediumspringgreen: number[];
+    mediumturquoise: number[];
+    mediumvioletred: number[];
+    midnightblue: number[];
+    mintcream: number[];
+    mistyrose: number[];
+    moccasin: number[];
+    navajowhite: number[];
+    navy: number[];
+    oldlace: number[];
+    olive: number[];
+    olivedrab: number[];
+    orange: number[];
+    orangered: number[];
+    orchid: number[];
+    palegoldenrod: number[];
+    palegreen: number[];
+    paleturquoise: number[];
+    palevioletred: number[];
+    papayawhip: number[];
+    peachpuff: number[];
+    peru: number[];
+    pink: number[];
+    plum: number[];
+    powderblue: number[];
+    purple: number[];
+    rebeccapurple: number[];
+    red: number[];
+    rosybrown: number[];
+    royalblue: number[];
+    saddlebrown: number[];
+    salmon: number[];
+    sandybrown: number[];
+    seagreen: number[];
+    seashell: number[];
+    sienna: number[];
+    silver: number[];
+    skyblue: number[];
+    slateblue: number[];
+    slategray: number[];
+    slategrey: number[];
+    snow: number[];
+    springgreen: number[];
+    steelblue: number[];
+    tan: number[];
+    teal: number[];
+    thistle: number[];
+    tomato: number[];
+    turquoise: number[];
+    violet: number[];
+    wheat: number[];
+    white: number[];
+    whitesmoke: number[];
+    yellow: number[];
+    yellowgreen: number[];
+};
+declare function parseCSSColor(css_str: string): number[] | null;
+declare function namedColor(name: keyof typeof kCSSColorTable): Color;
+declare function namedColors(...names: (keyof typeof kCSSColorTable)[]): Color[];
+export declare function colorStrToF4(str: string): float4;
+/**
+ * Can parse any css color, array of 4 values [0 to 1.0], or a plain float4
+ */
+export declare function parseColor(input: string | number[] | float4): Color;
+export { parseCSSColor, namedColor, namedColors };