@getpara/core-components 0.1.0

package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js

@@ -0,0 +1,67 @@
+import { Host, h } from "@stencil/core";
+export class CpslTileButton {
+    constructor() {
+        this.src = undefined;
+        this.icon = undefined;
+    }
+    render() {
+        return (h(Host, { key: '5e9927f98dce681df1237a942d9e1d7fa121b607' }, h("button", { key: 'f555f7a1b3eafe29d67a65e014cdfd6305ffc2a4', class: "button-native" }, h("cpsl-icon", { key: '333bae4faf843a52c58e8b79234cb1e72a572a03', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: 'f56278acf1cc8298c7a06ecbdd8934498ed60e71' }))));
+    }
+    static get is() { return "cpsl-tile-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["cpsl-tile-button.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["cpsl-tile-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "src": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The external source of the icon. If both `icon` and `src` are provided, `icon` will be used."
+                },
+                "attribute": "src",
+                "reflect": false
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IconType",
+                    "resolved": "\"search\" | \"lg\" | \"alertCircle\" | \"alertTriangle\" | \"alignVerticalCenter\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arbitrumBrand\" | \"arrowCircleBrokenDownLeft\" | \"arrowCircleDownFilled\" | \"arrowNarrow\" | \"arrow\" | \"asterisk\" | \"backupKit\" | \"bank\" | \"baseBrand\" | \"brush\" | \"celoBrand\" | \"checkCircleFilled\" | \"checkCircle\" | \"checkSquare\" | \"check\" | \"chevronDown\" | \"chevronRight\" | \"chevronSelectorVertical\" | \"chevronUp\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"code\" | \"copy07\" | \"copy\" | \"cosmos\" | \"creditCard02\" | \"creditCard\" | \"cube03\" | \"cubeOutline\" | \"cube\" | \"currencyDollar\" | \"decentBrand\" | \"decent\" | \"dell\" | \"discordBrand\" | \"discord\" | \"dot\" | \"dots\" | \"downloadCloud\" | \"download\" | \"dribbbleBrand\" | \"dribbble\" | \"earth\" | \"edit02\" | \"emptyCircle\" | \"ethereum\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"farcasterBrand\" | \"farcaster\" | \"figmaBrand\" | \"figma\" | \"file\" | \"folder\" | \"githubBrand\" | \"github\" | \"globe\" | \"googleBrand\" | \"google\" | \"gridDots\" | \"helpCircle\" | \"heroAlertCircle\" | \"heroCheckmarkCapsule\" | \"heroCheckmark\" | \"heroEmail\" | \"heroExternalConnection\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroPlusCircleCapsule\" | \"heroPlusCircle\" | \"heroWallet\" | \"home\" | \"hp\" | \"image\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"laptop\" | \"lenovo\" | \"lightning01\" | \"lightning\" | \"linkExternal\" | \"linkedinBrand\" | \"linkedin\" | \"lockKeyholeCircle\" | \"logOut\" | \"mail\" | \"menu\" | \"monitor\" | \"moonpayBrand\" | \"moreLoginOptions\" | \"motorola\" | \"nobleBrand\" | \"optimismBrand\" | \"paraBlackBg\" | \"paraBrand\" | \"paraIconBrand\" | \"paraIconQr\" | \"paraIcon\" | \"paraLogo\" | \"paraRingsDark\" | \"paraRings\" | \"para\" | \"passcode\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"plusCircle\" | \"plus\" | \"polygonBrand\" | \"polygon\" | \"puzzlePiece\" | \"qrCode02\" | \"qrCode\" | \"rampNetworkBrand\" | \"rampNetwork\" | \"redditBrand\" | \"reddit\" | \"refresh\" | \"samsung\" | \"send\" | \"settings\" | \"share\" | \"shield\" | \"signalBrand\" | \"signal\" | \"sliders\" | \"snapchatBrand\" | \"snapchat\" | \"solana\" | \"spacingHeight\" | \"star04Filled\" | \"stars01Filled\" | \"stars\" | \"stopSquare\" | \"stripeBrand\" | \"telegramBrand\" | \"telegram\" | \"tetherBrand\" | \"tikTokBrand\" | \"tikTok\" | \"trash\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"usdcBrand\" | \"userCircle\" | \"user\" | \"wallet\" | \"x\" | \"youtubeBrand\" | \"youtube\" | \"AD\" | \"AE\" | \"AF\" | \"AG\" | \"AI\" | \"AL\" | \"AM\" | \"AO\" | \"AR\" | \"AS\" | \"AT\" | \"AU\" | \"AW\" | \"AX\" | \"AZ\" | \"BA\" | \"BB\" | \"BD\" | \"BE\" | \"BF\" | \"BG\" | \"BH\" | \"BI\" | \"BJ\" | \"BL\" | \"BM\" | \"BN\" | \"BO\" | \"BQ\" | \"BQ2\" | \"BQ3\" | \"BR\" | \"BS\" | \"BT\" | \"BW\" | \"BY\" | \"BZ\" | \"CA\" | \"CC\" | \"CD\" | \"CD2\" | \"CF\" | \"CH\" | \"CK\" | \"CL\" | \"CM\" | \"CN\" | \"CO\" | \"CR\" | \"CU\" | \"CW\" | \"CX\" | \"CY\" | \"CZ\" | \"DE\" | \"DJ\" | \"DK\" | \"DM\" | \"DO\" | \"DS\" | \"DZ\" | \"EC\" | \"EE\" | \"EG\" | \"EH\" | \"ER\" | \"ES\" | \"ET\" | \"FI\" | \"FJ\" | \"FK\" | \"FM\" | \"FO\" | \"FR\" | \"GA\" | \"GB2\" | \"GB\" | \"GD\" | \"GE\" | \"GG\" | \"GH\" | \"GI\" | \"GL\" | \"GM\" | \"GN\" | \"GQ\" | \"GR\" | \"GT\" | \"GU\" | \"GW\" | \"GY\" | \"HK\" | \"HN\" | \"HR\" | \"HT\" | \"HU\" | \"ID\" | \"IE\" | \"IL\" | \"IM\" | \"IN\" | \"IO\" | \"IQ\" | \"IR\" | \"IS\" | \"IT\" | \"JE\" | \"JM\" | \"JO\" | \"JP\" | \"KE\" | \"KG\" | \"KH\" | \"KI\" | \"KM\" | \"KN\" | \"KP\" | \"KR\" | \"KW\" | \"KY\" | \"KZ\" | \"LA\" | \"LB\" | \"LC\" | \"LI\" | \"LK\" | \"LR\" | \"LS\" | \"LT\" | \"LU\" | \"LV\" | \"LY\" | \"MA\" | \"MC\" | \"MD\" | \"ME\" | \"MG\" | \"MH\" | \"MK\" | \"ML\" | \"MM\" | \"MN\" | \"MO\" | \"MP\" | \"MQ\" | \"MR\" | \"MS\" | \"MT\" | \"MU\" | \"MV\" | \"MW\" | \"MX\" | \"MY\" | \"MZ\" | \"NA\" | \"NE\" | \"NF\" | \"NG\" | \"NI\" | \"NL\" | \"NO\" | \"NP\" | \"NR\" | \"NU\" | \"NZ\" | \"OM\" | \"PA\" | \"PE\" | \"PF\" | \"PG\" | \"PH\" | \"PK\" | \"PL\" | \"PN\" | \"PR\" | \"PS\" | \"PT\" | \"PW\" | \"PY\" | \"QA\" | \"RO\" | \"RS\" | \"RU\" | \"RW\" | \"SA\" | \"SB\" | \"SC\" | \"SE\" | \"SG\" | \"SI\" | \"SK\" | \"SL\" | \"SM\" | \"SN\" | \"SO\" | \"SR\" | \"SS\" | \"ST\" | \"SV\" | \"SX\" | \"SY\" | \"SZ\" | \"TC\" | \"TD\" | \"TG\" | \"TH\" | \"TJ\" | \"TK\" | \"TL\" | \"TM\" | \"TN\" | \"TO\" | \"TR\" | \"TT\" | \"TV\" | \"TW\" | \"TZ\" | \"UA\" | \"UG\" | \"US\" | \"UY\" | \"UZ\" | \"VC\" | \"VE\" | \"VG\" | \"VI\" | \"VN\" | \"VU\" | \"WS\" | \"YE\" | \"ZA\" | \"ZM\" | \"ZW\"",
+                    "references": {
+                        "IconType": {
+                            "location": "import",
+                            "path": "../../interface.js",
+                            "id": "src/interface.ts::IconType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The name of the icon. If both `icon` and `src` are provided, `icon` will be used."
+                },
+                "attribute": "icon",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=cpsl-tile-button.js.map

package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cpsl-tile-button.js","sourceRoot":"","sources":["../../../../src/components/cpsl-tile-button/cpsl-tile-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,cAAc;;;;;IAWzB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,+DAAQ,KAAK,EAAC,eAAe;gBAC3B,kEAAW,WAAW,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;gBAChE,8DAAa,CACN,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport { IconType } from '../../interface.js';\n\n@Component({\n  tag: 'cpsl-tile-button',\n  styleUrl: 'cpsl-tile-button.scss',\n  shadow: true,\n})\nexport class CpslTileButton {\n  /**\n   * The external source of the icon. If both `icon` and `src` are provided, `icon` will be used.\n   */\n  @Prop() src?: string;\n\n  /**\n   * The name of the icon. If both `icon` and `src` are provided, `icon` will be used.\n   */\n  @Prop() icon?: IconType;\n\n  render() {\n    return (\n      <Host>\n        <button class=\"button-native\">\n          <cpsl-icon exportparts=\"icon\" src={this.src} icon={this.icon} />\n          <slot></slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/constants.js

@@ -0,0 +1,20 @@
+export const MOBILE_SIZE = 480;
+export const DEFAULT_THEME = {
+    foregroundColor: '#121212',
+    backgroundColor: '#FAFAFA',
+};
+export const COLOR_MIXES = [0, 0.04, 0.08, 0.16, 0.32, 0.48, 0.64, 0.8, 0.96];
+export const UTILITY_COLORS = {
+    red: 'rgba(240, 68, 56, 1)',
+    yellow: 'rgba(251, 188, 4, 1)',
+    green: 'rgba(52, 168, 83, 1)',
+};
+export const DEFAULT_Z_INDICES = {
+    modalNoOverlay: 0,
+    appBar: 10000,
+    overlay: 10001,
+    drawer: 10004,
+    modal: 10005,
+    popover: 10006,
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAE,SAAS;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,cAAc,GAAmD;IAC5E,GAAG,EAAE,sBAAsB;IAC3B,MAAM,EAAE,sBAAsB;IAC9B,KAAK,EAAE,sBAAsB;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,cAAc,EAAE,CAAC;IACjB,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,KAAK;CACf,CAAC","sourcesContent":["import { Theme } from './interface.js';\n\nexport const MOBILE_SIZE = 480;\n\nexport const DEFAULT_THEME: Theme = {\n  foregroundColor: '#121212',\n  backgroundColor: '#FAFAFA',\n};\n\nexport const COLOR_MIXES = [0, 0.04, 0.08, 0.16, 0.32, 0.48, 0.64, 0.8, 0.96];\n\nexport const UTILITY_COLORS: { red: string; yellow: string; green: string } = {\n  red: 'rgba(240, 68, 56, 1)',\n  yellow: 'rgba(251, 188, 4, 1)',\n  green: 'rgba(52, 168, 83, 1)',\n};\n\nexport const DEFAULT_Z_INDICES = {\n  modalNoOverlay: 0,\n  appBar: 10000,\n  overlay: 10001,\n  drawer: 10004,\n  modal: 10005,\n  popover: 10006,\n};\n"]}

package/dist/collection/index.js

@@ -0,0 +1,5 @@
+// @ts-ignore
+export * from './components.d.ts';
+export { generateTheme } from './utils/theme/generateTheme.js';
+export { getPseudoRandomBackground } from './utils/prand.js';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["// @ts-ignore\nexport * from './components.d.ts';\n\nexport { generateTheme } from './utils/theme/generateTheme.js';\nexport type { Theme, BorderRadius, IconType } from './interface.js';\nexport { getPseudoRandomBackground } from './utils/prand.js';\n"]}

package/dist/collection/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interface.js.map

package/dist/collection/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/interface.ts"],"names":[],"mappings":"","sourcesContent":["import { Icons } from './assets/icons/index.js';\nimport { Images } from './assets/images/index.js';\n\nexport type PredefinedColors = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark';\n\n// From: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\nexport type AutocompleteTypes =\n  | 'on'\n  | 'off'\n  | 'name'\n  | 'honorific-prefix'\n  | 'given-name'\n  | 'additional-name'\n  | 'family-name'\n  | 'honorific-suffix'\n  | 'nickname'\n  | 'email'\n  | 'username'\n  | 'new-password'\n  | 'current-password'\n  | 'one-time-code'\n  | 'organization-title'\n  | 'organization'\n  | 'street-address'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'address-level4'\n  | 'address-level3'\n  | 'address-level2'\n  | 'address-level1'\n  | 'country'\n  | 'country-name'\n  | 'postal-code'\n  | 'cc-name'\n  | 'cc-given-name'\n  | 'cc-additional-name'\n  | 'cc-family-name'\n  | 'cc-family-name'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-csc'\n  | 'cc-type'\n  | 'transaction-currency'\n  | 'transaction-amount'\n  | 'language'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'sex'\n  | 'tel'\n  | 'tel-country-code'\n  | 'tel-national'\n  | 'tel-area-code'\n  | 'tel-local'\n  | 'tel-extension'\n  | 'impp'\n  | 'url'\n  | 'photo';\n\nexport type TextFieldTypes = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'time' | 'week' | 'month' | 'datetime-local';\n\nexport type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);\n\nexport type Color = LiteralUnion<PredefinedColors, string>;\n\nexport type CssClassMap = { [className: string]: boolean };\n\nexport type IconType = keyof typeof Icons;\n\nexport type ImageType = keyof typeof Images;\n\nexport type Theme = {\n  foregroundColor?: string;\n  backgroundColor?: string;\n  accentColor?: string;\n  darkForegroundColor?: string;\n  darkBackgroundColor?: string;\n  darkAccentColor?: string;\n  mode?: 'light' | 'dark';\n  borderRadius?: BorderRadius;\n  font?: string;\n  customPalette?: CustomPalette;\n  customFontSizes?: CustomFontSizes;\n  customBorderRadii?: CustomBorderRadii;\n};\n\nexport type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nexport interface CustomBorderRadii {\n  input?: string;\n  select?: string;\n  fileSelect?: string;\n  alert?: string;\n  tabs?: string;\n  primaryButton?: string;\n  secondaryButton?: string;\n  destructiveButton?: string;\n  tileButton?: string;\n  modal?: string;\n  pill?: string;\n  qrCode?: string;\n  infoBox?: string;\n  tableContainer?: string;\n  switch?: string;\n  checkbox?: string;\n  radio?: string;\n  avatar?: string;\n  card?: string;\n  buttonGroup?: string;\n}\nexport interface CustomFontSizes {\n  body2XS?: string;\n  bodyXS?: string;\n  bodyS?: string;\n  bodyM?: string;\n  bodyL?: string;\n  bodyXL?: string;\n  headingXS?: string;\n  headingS?: string;\n  headingM?: string;\n  headingL?: string;\n  headingXL?: string;\n  heading2XL?: string;\n}\n\nexport interface CustomPalette {\n  text?: {\n    primary?: string;\n    secondary?: string;\n    subtle?: string;\n    inverted?: string;\n    error?: string;\n  };\n  modal?: {\n    surface?: {\n      main?: string;\n      footer?: string;\n    };\n    border?: string;\n  };\n  input?: {\n    surface?: {\n      disabled?: string;\n      default?: string;\n      hover?: string;\n    };\n    border?: {\n      placeholder?: string;\n      active?: string;\n      error?: string;\n    };\n  };\n  select?: {\n    surface?: {\n      disabled?: string;\n      default?: string;\n      hover?: string;\n    };\n    border?: {\n      placeholder?: string;\n      active?: string;\n      error?: string;\n    };\n    dropdown?: {\n      border?: string;\n    };\n  };\n  file?: {\n    surface?: {\n      disabled?: string;\n      default?: string;\n      drag?: string;\n    };\n    border?: {\n      placeholder?: string;\n      error?: string;\n    };\n  };\n  tileButton?: {\n    surface?: {\n      default?: string;\n      hover?: string;\n      pressed?: string;\n    };\n    border?: string;\n  };\n  primaryButton?: {\n    surface?: {\n      default?: string;\n      hover?: string;\n      pressed?: string;\n      disabled?: string;\n    };\n    border?: {\n      default?: string;\n      disabled?: string;\n    };\n    outline?: string;\n  };\n  secondaryButton?: {\n    surface?: {\n      default?: string;\n      hover?: string;\n      pressed?: string;\n      disabled?: string;\n    };\n    border?: {\n      default?: string;\n      disabled?: string;\n    };\n    outline?: string;\n  };\n  destructiveButton?: {\n    surface?: {\n      default?: string;\n      hover?: string;\n      pressed?: string;\n      disabled?: string;\n    };\n    border?: {\n      default?: string;\n      disabled?: string;\n    };\n    outline?: string;\n  };\n  divider?: string;\n  spinner?: {\n    path?: string;\n    circle?: string;\n  };\n  pill?: {\n    text?: string;\n    container?: {\n      background?: string;\n      border?: string;\n    };\n  };\n  progressIndicator?: {\n    active?: string;\n    next?: string;\n    previous?: string;\n  };\n  qr?: {\n    fill?: string;\n    background?: string;\n    border?: string;\n  };\n  slideButton?: {\n    slider?: {\n      background?: string;\n      border?: string;\n      text?: string;\n      container?: {\n        start?: {\n          background?: string;\n          border?: string;\n        };\n        end?: {\n          background?: string;\n          border?: string;\n        };\n      };\n    };\n    start?: {\n      text?: string;\n    };\n    end?: {\n      text?: string;\n    };\n  };\n  alert?: {\n    surface?: {\n      error?: string;\n    };\n    border?: {\n      error?: string;\n    };\n  };\n  switch?: {\n    surface?: {\n      default?: string;\n      checked?: string;\n    };\n    thumb?: {\n      default?: string;\n      checked?: string;\n    };\n  };\n  checkbox?: {\n    surface?: {\n      default?: string;\n      checked?: string;\n    };\n    border?: {\n      default?: string;\n      checked?: string;\n    };\n    icon?: string;\n  };\n  radio?: {\n    surface?: {\n      default?: string;\n      checked?: string;\n    };\n    border?: {\n      default?: string;\n      checked?: string;\n    };\n  };\n  card?: {\n    surface?: string;\n    border?: string;\n  };\n  iconGroup?: {\n    surface?: string;\n    border?: string;\n    icon?: {\n      default?: string;\n      disabled?: string;\n    };\n  };\n}\n\nexport interface InteractionCallback {\n  eventName: string;\n  callback: (ev: any) => void;\n}\n"]}

package/dist/collection/lib/prando.js

@@ -0,0 +1,187 @@
+/*
+ * This file contains code from prando, which is licensed under the MIT License:
+ *
+ * Copyright (c) 2016 Zeh Fernando
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+class Prando {
+    // ================================================================================================================
+    // CONSTRUCTOR ----------------------------------------------------------------------------------------------------
+    /**
+     * Generate a new Prando pseudo-random number generator.
+     *
+     * @param seed - A number or string seed that determines which pseudo-random number sequence will be created. Defaults to a random seed based on `Math.random()`.
+     */
+    constructor(seed) {
+        this._value = NaN;
+        if (typeof seed === 'string') {
+            // String seed
+            this._seed = this.hashCode(seed);
+        }
+        else if (typeof seed === 'number') {
+            // Numeric seed
+            this._seed = this.getSafeSeed(seed);
+        }
+        else {
+            // Pseudo-random seed
+            this._seed = this.getSafeSeed(Prando.MIN + Math.floor((Prando.MAX - Prando.MIN) * Math.random()));
+        }
+        this.reset();
+    }
+    // ================================================================================================================
+    // PUBLIC INTERFACE -----------------------------------------------------------------------------------------------
+    /**
+     * Generates a pseudo-random number between a lower (inclusive) and a higher (exclusive) bounds.
+     *
+     * @param min - The minimum number that can be randomly generated.
+     * @param pseudoMax - The maximum number that can be randomly generated (exclusive).
+     * @return The generated pseudo-random number.
+     */
+    next(min = 0, pseudoMax = 1) {
+        this.recalculate();
+        return this.map(this._value, Prando.MIN, Prando.MAX, min, pseudoMax);
+    }
+    /**
+     * Generates a pseudo-random integer number in a range (inclusive).
+     *
+     * @param min - The minimum number that can be randomly generated.
+     * @param max - The maximum number that can be randomly generated.
+     * @return The generated pseudo-random number.
+     */
+    nextInt(min = 10, max = 100) {
+        this.recalculate();
+        return Math.floor(this.map(this._value, Prando.MIN, Prando.MAX, min, max + 1));
+    }
+    /**
+     * Generates a pseudo-random string sequence of a particular length from a specific character range.
+     *
+     * Note: keep in mind that creating a random string sequence does not guarantee uniqueness; there is always a
+     * 1 in (char_length^string_length) chance of collision. For real unique string ids, always check for
+     * pre-existing ids, or employ a robust GUID/UUID generator.
+     *
+     * @param length - Length of the string to be generated.
+     * @param chars - Characters that are used when creating the random string. Defaults to all alphanumeric chars (A-Z, a-z, 0-9).
+     * @return The generated string sequence.
+     */
+    nextString(length = 16, chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789') {
+        let str = '';
+        while (str.length < length) {
+            str += this.nextChar(chars);
+        }
+        return str;
+    }
+    /**
+     * Generates a pseudo-random string of 1 character specific character range.
+     *
+     * @param chars - Characters that are used when creating the random string. Defaults to all alphanumeric chars (A-Z, a-z, 0-9).
+     * @return The generated character.
+     */
+    nextChar(chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789') {
+        return chars.substr(this.nextInt(0, chars.length - 1), 1);
+    }
+    /**
+     * Picks a pseudo-random item from an array. The array is left unmodified.
+     *
+     * Note: keep in mind that while the returned item will be random enough, picking one item from the array at a time
+     * does not guarantee nor imply that a sequence of random non-repeating items will be picked. If you want to
+     * *pick items in a random order* from an array, instead of *pick one random item from an array*, it's best to
+     * apply a *shuffle* transformation to the array instead, then read it linearly.
+     *
+     * @param array - Array of any type containing one or more candidates for random picking.
+     * @return An item from the array.
+     */
+    nextArrayItem(array) {
+        return array[this.nextInt(0, array.length - 1)];
+    }
+    /**
+     * Generates a pseudo-random boolean.
+     *
+     * @return A value of true or false.
+     */
+    nextBoolean() {
+        this.recalculate();
+        return this._value > 0.5;
+    }
+    /**
+     * Skips ahead in the sequence of numbers that are being generated. This is equivalent to
+     * calling next() a specified number of times, but faster since it doesn't need to map the
+     * new random numbers to a range and return it.
+     *
+     * @param iterations - The number of items to skip ahead.
+     */
+    skip(iterations = 1) {
+        while (iterations-- > 0) {
+            this.recalculate();
+        }
+    }
+    /**
+     * Reset the pseudo-random number sequence back to its starting seed. Further calls to next()
+     * will then produce the same sequence of numbers it had produced before. This is equivalent to
+     * creating a new Prando instance with the same seed as another Prando instance.
+     *
+     * Example:
+     * let rng = new Prando(12345678);
+     * console.log(rng.next()); // 0.6177754114889017
+     * console.log(rng.next()); // 0.5784605181725837
+     * rng.reset();
+     * console.log(rng.next()); // 0.6177754114889017 again
+     * console.log(rng.next()); // 0.5784605181725837 again
+     */
+    reset() {
+        this._value = this._seed;
+    }
+    // ================================================================================================================
+    // PRIVATE INTERFACE ----------------------------------------------------------------------------------------------
+    recalculate() {
+        this._value = this.xorshift(this._value);
+    }
+    xorshift(value) {
+        // Xorshift*32
+        // Based on George Marsaglia's work: http://www.jstatsoft.org/v08/i14/paper
+        value ^= value << 13;
+        value ^= value >> 17;
+        value ^= value << 5;
+        return value;
+    }
+    map(val, minFrom, maxFrom, minTo, maxTo) {
+        return ((val - minFrom) / (maxFrom - minFrom)) * (maxTo - minTo) + minTo;
+    }
+    hashCode(str) {
+        let hash = 0;
+        if (str) {
+            const l = str.length;
+            for (let i = 0; i < l; i++) {
+                hash = (hash << 5) - hash + str.charCodeAt(i);
+                hash |= 0;
+                hash = this.xorshift(hash);
+            }
+        }
+        return this.getSafeSeed(hash);
+    }
+    getSafeSeed(seed) {
+        if (seed === 0)
+            return 1;
+        return seed;
+    }
+}
+Prando.MIN = -2147483648; // Int32 min
+Prando.MAX = 2147483647; // Int32 max
+export default Prando;
+//# sourceMappingURL=prando.js.map

package/dist/collection/lib/prando.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prando.js","sourceRoot":"","sources":["../../../src/lib/prando.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * This file contains code from prando, which is licensed under the MIT License:\n *\n * Copyright (c) 2016 Zeh Fernando\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nexport default class Prando {\n  private static readonly MIN: number = -2147483648; // Int32 min\n  private static readonly MAX: number = 2147483647; // Int32 max\n\n  private _seed: number;\n  private _value = NaN;\n\n  // ================================================================================================================\n  // CONSTRUCTOR ----------------------------------------------------------------------------------------------------\n\n  /**\n   * Generate a new Prando pseudo-random number generator.\n   *\n   * @param seed - A number or string seed that determines which pseudo-random number sequence will be created. Defaults to a random seed based on `Math.random()`.\n   */\n  constructor(seed?: number | string) {\n    if (typeof seed === 'string') {\n      // String seed\n      this._seed = this.hashCode(seed);\n    } else if (typeof seed === 'number') {\n      // Numeric seed\n      this._seed = this.getSafeSeed(seed);\n    } else {\n      // Pseudo-random seed\n      this._seed = this.getSafeSeed(Prando.MIN + Math.floor((Prando.MAX - Prando.MIN) * Math.random()));\n    }\n    this.reset();\n  }\n\n  // ================================================================================================================\n  // PUBLIC INTERFACE -----------------------------------------------------------------------------------------------\n\n  /**\n   * Generates a pseudo-random number between a lower (inclusive) and a higher (exclusive) bounds.\n   *\n   * @param min - The minimum number that can be randomly generated.\n   * @param pseudoMax - The maximum number that can be randomly generated (exclusive).\n   * @return The generated pseudo-random number.\n   */\n  public next(min = 0, pseudoMax = 1): number {\n    this.recalculate();\n    return this.map(this._value, Prando.MIN, Prando.MAX, min, pseudoMax);\n  }\n\n  /**\n   * Generates a pseudo-random integer number in a range (inclusive).\n   *\n   * @param min - The minimum number that can be randomly generated.\n   * @param max - The maximum number that can be randomly generated.\n   * @return The generated pseudo-random number.\n   */\n  public nextInt(min = 10, max = 100): number {\n    this.recalculate();\n    return Math.floor(this.map(this._value, Prando.MIN, Prando.MAX, min, max + 1));\n  }\n\n  /**\n   * Generates a pseudo-random string sequence of a particular length from a specific character range.\n   *\n   * Note: keep in mind that creating a random string sequence does not guarantee uniqueness; there is always a\n   * 1 in (char_length^string_length) chance of collision. For real unique string ids, always check for\n   * pre-existing ids, or employ a robust GUID/UUID generator.\n   *\n   * @param length - Length of the string to be generated.\n   * @param chars - Characters that are used when creating the random string. Defaults to all alphanumeric chars (A-Z, a-z, 0-9).\n   * @return The generated string sequence.\n   */\n  public nextString(length = 16, chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'): string {\n    let str = '';\n    while (str.length < length) {\n      str += this.nextChar(chars);\n    }\n    return str;\n  }\n\n  /**\n   * Generates a pseudo-random string of 1 character specific character range.\n   *\n   * @param chars - Characters that are used when creating the random string. Defaults to all alphanumeric chars (A-Z, a-z, 0-9).\n   * @return The generated character.\n   */\n  public nextChar(chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'): string {\n    return chars.substr(this.nextInt(0, chars.length - 1), 1);\n  }\n\n  /**\n   * Picks a pseudo-random item from an array. The array is left unmodified.\n   *\n   * Note: keep in mind that while the returned item will be random enough, picking one item from the array at a time\n   * does not guarantee nor imply that a sequence of random non-repeating items will be picked. If you want to\n   * *pick items in a random order* from an array, instead of *pick one random item from an array*, it's best to\n   * apply a *shuffle* transformation to the array instead, then read it linearly.\n   *\n   * @param array - Array of any type containing one or more candidates for random picking.\n   * @return An item from the array.\n   */\n  public nextArrayItem<T>(array: T[]): T {\n    return array[this.nextInt(0, array.length - 1)];\n  }\n\n  /**\n   * Generates a pseudo-random boolean.\n   *\n   * @return A value of true or false.\n   */\n  public nextBoolean(): boolean {\n    this.recalculate();\n    return this._value > 0.5;\n  }\n\n  /**\n   * Skips ahead in the sequence of numbers that are being generated. This is equivalent to\n   * calling next() a specified number of times, but faster since it doesn't need to map the\n   * new random numbers to a range and return it.\n   *\n   * @param iterations - The number of items to skip ahead.\n   */\n  public skip(iterations = 1): void {\n    while (iterations-- > 0) {\n      this.recalculate();\n    }\n  }\n\n  /**\n   * Reset the pseudo-random number sequence back to its starting seed. Further calls to next()\n   * will then produce the same sequence of numbers it had produced before. This is equivalent to\n   * creating a new Prando instance with the same seed as another Prando instance.\n   *\n   * Example:\n   * let rng = new Prando(12345678);\n   * console.log(rng.next()); // 0.6177754114889017\n   * console.log(rng.next()); // 0.5784605181725837\n   * rng.reset();\n   * console.log(rng.next()); // 0.6177754114889017 again\n   * console.log(rng.next()); // 0.5784605181725837 again\n   */\n  public reset(): void {\n    this._value = this._seed;\n  }\n\n  // ================================================================================================================\n  // PRIVATE INTERFACE ----------------------------------------------------------------------------------------------\n\n  private recalculate(): void {\n    this._value = this.xorshift(this._value);\n  }\n\n  private xorshift(value: number): number {\n    // Xorshift*32\n    // Based on George Marsaglia's work: http://www.jstatsoft.org/v08/i14/paper\n    value ^= value << 13;\n    value ^= value >> 17;\n    value ^= value << 5;\n    return value;\n  }\n\n  private map(val: number, minFrom: number, maxFrom: number, minTo: number, maxTo: number): number {\n    return ((val - minFrom) / (maxFrom - minFrom)) * (maxTo - minTo) + minTo;\n  }\n\n  private hashCode(str: string): number {\n    let hash = 0;\n    if (str) {\n      const l = str.length;\n      for (let i = 0; i < l; i++) {\n        hash = (hash << 5) - hash + str.charCodeAt(i);\n        hash |= 0;\n        hash = this.xorshift(hash);\n      }\n    }\n    return this.getSafeSeed(hash);\n  }\n\n  private getSafeSeed(seed: number): number {\n    if (seed === 0) return 1;\n    return seed;\n  }\n}\n"]}

package/dist/collection/utils/media.js

@@ -0,0 +1,21 @@
+export const SIZE_TO_MEDIA = {
+    xs: '(min-width: 0px)',
+    sm: '(min-width: 576px)',
+    md: '(min-width: 768px)',
+    lg: '(min-width: 992px)',
+    xl: '(min-width: 1200px)',
+};
+// Check if the window matches the media query
+// at the breakpoint passed
+// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px
+export const matchBreakpoint = (breakpoint) => {
+    if (breakpoint === undefined || breakpoint === '') {
+        return true;
+    }
+    if (window.matchMedia) {
+        const mediaQuery = SIZE_TO_MEDIA[breakpoint];
+        return window.matchMedia(mediaQuery).matches;
+    }
+    return false;
+};
+//# sourceMappingURL=media.js.map

package/dist/collection/utils/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/utils/media.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAQ;IAChC,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,qBAAqB;CAC1B,CAAC;AAEF,8CAA8C;AAC9C,2BAA2B;AAC3B,mEAAmE;AACnE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAA8B,EAAE,EAAE;IAChE,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,EAAE,EAAE,CAAC;QAClD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAK,MAAc,CAAC,UAAU,EAAE,CAAC;QAC/B,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;QAC7C,OAAO,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;IAC/C,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["export const SIZE_TO_MEDIA: any = {\n  xs: '(min-width: 0px)',\n  sm: '(min-width: 576px)',\n  md: '(min-width: 768px)',\n  lg: '(min-width: 992px)',\n  xl: '(min-width: 1200px)',\n};\n\n// Check if the window matches the media query\n// at the breakpoint passed\n// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px\nexport const matchBreakpoint = (breakpoint: string | undefined) => {\n  if (breakpoint === undefined || breakpoint === '') {\n    return true;\n  }\n  if ((window as any).matchMedia) {\n    const mediaQuery = SIZE_TO_MEDIA[breakpoint];\n    return window.matchMedia(mediaQuery).matches;\n  }\n  return false;\n};\n"]}

package/dist/collection/utils/prand.js

@@ -0,0 +1,16 @@
+import Prando from "../lib/prando.js";
+export const COLORS = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];
+const GRADIENTS = {
+    red: ['#FF4270', '#FF7C7C'],
+    orange: ['#F45532', '#FF9B63'],
+    yellow: ['#FFA756', '#FBFF47'],
+    green: ['#0CAE60', '#7BFFD0'],
+    blue: ['#476FFF', '#47C8FF'],
+    purple: ['#9747FF', '#DA47FF'],
+};
+export function getPseudoRandomBackground(seed) {
+    const rng = new Prando(seed);
+    const [start, stop] = GRADIENTS[COLORS[rng.nextInt(0, COLORS.length - 1)]];
+    return `linear-gradient(136deg, ${start} 6.86%, ${stop} 93.78%)`;
+}
+//# sourceMappingURL=prand.js.map

package/dist/collection/utils/prand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prand.js","sourceRoot":"","sources":["../../../src/utils/prand.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAItC,MAAM,CAAC,MAAM,MAAM,GAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;AAEtF,MAAM,SAAS,GAAG;IAChB,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC3B,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC7B,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,UAAU,yBAAyB,CAAC,IAAY;IACpD,MAAM,GAAG,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3E,OAAO,2BAA2B,KAAK,WAAW,IAAI,UAAU,CAAC;AACnE,CAAC","sourcesContent":["import Prando from '../lib/prando.js';\n\nexport type Color = 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'purple';\n\nexport const COLORS: Color[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];\n\nconst GRADIENTS = {\n  red: ['#FF4270', '#FF7C7C'],\n  orange: ['#F45532', '#FF9B63'],\n  yellow: ['#FFA756', '#FBFF47'],\n  green: ['#0CAE60', '#7BFFD0'],\n  blue: ['#476FFF', '#47C8FF'],\n  purple: ['#9747FF', '#DA47FF'],\n};\n\nexport function getPseudoRandomBackground(seed: string): string {\n  const rng = new Prando(seed);\n\n  const [start, stop] = GRADIENTS[COLORS[rng.nextInt(0, COLORS.length - 1)]];\n\n  return `linear-gradient(136deg, ${start} 6.86%, ${stop} 93.78%)`;\n}\n"]}

package/dist/collection/utils/theme/generateBorderRadii.js

@@ -0,0 +1,75 @@
+import { getCssBorderRadii } from "./utils.js";
+export const generateBorderRadii = ({ borderRadius, customBorderRadii }) => {
+    let mediumRadius, largeRadius, checkboxRadius = 4;
+    const fullRadius = 1000;
+    let isFull = false;
+    let isNone = false;
+    switch (borderRadius) {
+        case 'none': {
+            isNone = true;
+            mediumRadius = 0;
+            largeRadius = 0;
+            checkboxRadius = 0;
+            break;
+        }
+        case 'xs': {
+            mediumRadius = 2;
+            largeRadius = 4;
+            checkboxRadius = 2;
+            break;
+        }
+        case 'sm': {
+            mediumRadius = 4;
+            largeRadius = 8;
+            break;
+        }
+        case 'md': {
+            mediumRadius = 8;
+            largeRadius = 16;
+            break;
+        }
+        case 'xl': {
+            mediumRadius = 16;
+            largeRadius = 32;
+            break;
+        }
+        case 'full': {
+            mediumRadius = 24;
+            largeRadius = 32;
+            isFull = true;
+            break;
+        }
+        default:
+        case 'lg': {
+            mediumRadius = 12;
+            largeRadius = 24;
+            break;
+        }
+    }
+    document.documentElement.style.setProperty('--cpsl-border-radius-input', `${isFull ? fullRadius : mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-select', `${isFull ? fullRadius : mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-file', `${isFull ? fullRadius : mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-alert', `${isFull ? fullRadius : mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-tabs', `${isNone ? 0 : fullRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-primary-button', `${isFull ? fullRadius : mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-secondary-button', `${isFull ? fullRadius : mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-tertiary-button', `${isFull ? fullRadius : mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-destructive-button', `${isFull ? fullRadius : mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-tile-button', `${mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-qr-code', `${largeRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-info-box', `${mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-table-container', `${mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-avatar', `${mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-button-group', `${mediumRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-card', `${largeRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-modal', `${largeRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-checkbox', `${checkboxRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-switch', `${isNone ? 0 : fullRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-pill', `${isNone ? 0 : fullRadius}px`);
+    document.documentElement.style.setProperty('--cpsl-border-radius-radio', `${fullRadius}px`);
+    if (customBorderRadii) {
+        const cssBorderRadiiVars = getCssBorderRadii(customBorderRadii);
+        Object.entries(cssBorderRadiiVars).forEach(([k, v]) => document.documentElement.style.setProperty(k, v));
+    }
+};
+//# sourceMappingURL=generateBorderRadii.js.map

package/dist/collection/utils/theme/generateBorderRadii.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateBorderRadii.js","sourceRoot":"","sources":["../../../../src/utils/theme/generateBorderRadii.ts"],"names":[],"mappings":"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","sourcesContent":["import { Theme } from '../../interface.js';\nimport { getCssBorderRadii } from './utils.js';\n\nexport const generateBorderRadii = ({ borderRadius, customBorderRadii }: Pick<Theme, 'borderRadius' | 'customBorderRadii'>) => {\n  let mediumRadius: number,\n    largeRadius: number,\n    checkboxRadius: number = 4;\n  const fullRadius = 1000;\n  let isFull = false;\n  let isNone = false;\n\n  switch (borderRadius) {\n    case 'none': {\n      isNone = true;\n      mediumRadius = 0;\n      largeRadius = 0;\n      checkboxRadius = 0;\n      break;\n    }\n    case 'xs': {\n      mediumRadius = 2;\n      largeRadius = 4;\n      checkboxRadius = 2;\n      break;\n    }\n    case 'sm': {\n      mediumRadius = 4;\n      largeRadius = 8;\n      break;\n    }\n    case 'md': {\n      mediumRadius = 8;\n      largeRadius = 16;\n      break;\n    }\n    case 'xl': {\n      mediumRadius = 16;\n      largeRadius = 32;\n      break;\n    }\n    case 'full': {\n      mediumRadius = 24;\n      largeRadius = 32;\n      isFull = true;\n      break;\n    }\n    default:\n    case 'lg': {\n      mediumRadius = 12;\n      largeRadius = 24;\n      break;\n    }\n  }\n\n  document.documentElement.style.setProperty('--cpsl-border-radius-input', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-select', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-file', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-alert', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-tabs', `${isNone ? 0 : fullRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-primary-button', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-secondary-button', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-tertiary-button', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-destructive-button', `${isFull ? fullRadius : mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-tile-button', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-qr-code', `${largeRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-info-box', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-table-container', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-avatar', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-button-group', `${mediumRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-card', `${largeRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-modal', `${largeRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-checkbox', `${checkboxRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-switch', `${isNone ? 0 : fullRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-pill', `${isNone ? 0 : fullRadius}px`);\n  document.documentElement.style.setProperty('--cpsl-border-radius-radio', `${fullRadius}px`);\n\n  if (customBorderRadii) {\n    const cssBorderRadiiVars = getCssBorderRadii(customBorderRadii);\n    Object.entries(cssBorderRadiiVars).forEach(([k, v]) => document.documentElement.style.setProperty(k, v));\n  }\n};\n"]}

package/dist/collection/utils/theme/generateFont.js

@@ -0,0 +1,28 @@
+const FONT_NAME_MAP = {
+    body2XS: 'body-2xs',
+    bodyXS: 'body-xs',
+    bodyS: 'body-s',
+    bodyM: 'body-m',
+    bodyL: 'body-l',
+    bodyXL: 'body-xl',
+    headingXS: 'heading-xs',
+    headingS: 'heading-s',
+    headingM: 'heading-m',
+    headingL: 'heading-l',
+    headingXL: 'heading-xl',
+    heading2XL: 'heading-2xl',
+};
+export const generateFont = ({ font, customFontSizes }) => {
+    if (font) {
+        document.documentElement.style.setProperty('--cpsl-default-font', font);
+    }
+    Object.entries(FONT_NAME_MAP).forEach(([key, value]) => {
+        if (customFontSizes === null || customFontSizes === void 0 ? void 0 : customFontSizes[key]) {
+            document.documentElement.style.setProperty(`--cpsl-font-size-${value}`, customFontSizes[key]);
+        }
+        else {
+            document.documentElement.style.removeProperty(`--cpsl-font-size-${value}`);
+        }
+    });
+};
+//# sourceMappingURL=generateFont.js.map

package/dist/collection/utils/theme/generateFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateFont.js","sourceRoot":"","sources":["../../../../src/utils/theme/generateFont.ts"],"names":[],"mappings":"AAEA,MAAM,aAAa,GAAG;IACpB,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,eAAe,EAA2C,EAAE,EAAE;IACjG,IAAI,IAAI,EAAE,CAAC;QACT,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;IAC1E,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACrD,IAAI,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,GAAG,CAAC,EAAE,CAAC;YAC3B,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,KAAK,EAAE,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;QAChG,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,KAAK,EAAE,CAAC,CAAC;QAC7E,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { Theme } from '../../interface.js';\n\nconst FONT_NAME_MAP = {\n  body2XS: 'body-2xs',\n  bodyXS: 'body-xs',\n  bodyS: 'body-s',\n  bodyM: 'body-m',\n  bodyL: 'body-l',\n  bodyXL: 'body-xl',\n  headingXS: 'heading-xs',\n  headingS: 'heading-s',\n  headingM: 'heading-m',\n  headingL: 'heading-l',\n  headingXL: 'heading-xl',\n  heading2XL: 'heading-2xl',\n};\n\nexport const generateFont = ({ font, customFontSizes }: Pick<Theme, 'font' | 'customFontSizes'>) => {\n  if (font) {\n    document.documentElement.style.setProperty('--cpsl-default-font', font);\n  }\n\n  Object.entries(FONT_NAME_MAP).forEach(([key, value]) => {\n    if (customFontSizes?.[key]) {\n      document.documentElement.style.setProperty(`--cpsl-font-size-${value}`, customFontSizes[key]);\n    } else {\n      document.documentElement.style.removeProperty(`--cpsl-font-size-${value}`);\n    }\n  });\n};\n"]}

package/dist/collection/utils/theme/generatePalette.js

@@ -0,0 +1,77 @@
+import { mix, readableColorIsBlack } from "color2k";
+import { getCssColors, isColor, overlayMix } from "./utils.js";
+import { COLOR_MIXES, DEFAULT_THEME, UTILITY_COLORS } from "../../constants.js";
+export const generatePalette = ({ foregroundColor, backgroundColor, accentColor, isDarkTheme, customPalette, }) => {
+    if (!foregroundColor || !isColor(foregroundColor)) {
+        foregroundColor = DEFAULT_THEME.foregroundColor;
+    }
+    if (!backgroundColor || !isColor(backgroundColor)) {
+        backgroundColor = DEFAULT_THEME.backgroundColor;
+    }
+    if (!Boolean(accentColor) || !isColor(accentColor)) {
+        accentColor = foregroundColor;
+    }
+    const isDarkAccent = Boolean(accentColor) ? !readableColorIsBlack(accentColor) : false;
+    const palette = {
+        foregroundColors: [],
+        backgroundColors: [],
+        accentColors: [],
+    };
+    const backgroundMixColor = isDarkTheme ? '#FFFFFF' : '#000000';
+    const foregroundMixColor = isDarkTheme ? '#000000' : '#FFFFFF';
+    const accentMixColor = isDarkAccent ? '#FFFFFF' : '#000000';
+    COLOR_MIXES.forEach(value => {
+        palette.foregroundColors.push(mix(foregroundColor, foregroundMixColor, value));
+        palette.backgroundColors.push(mix(backgroundColor, backgroundMixColor, value));
+        palette.accentColors.push(mix(accentColor, accentMixColor, value));
+    });
+    // BACKGROUND
+    document.documentElement.style.setProperty('--cpsl-color-background-0', palette.backgroundColors[0]);
+    document.documentElement.style.setProperty('--cpsl-color-background-4', palette.backgroundColors[1]);
+    document.documentElement.style.setProperty('--cpsl-color-background-8', palette.backgroundColors[2]);
+    document.documentElement.style.setProperty('--cpsl-color-background-16', palette.backgroundColors[3]);
+    document.documentElement.style.setProperty('--cpsl-color-background-32', palette.backgroundColors[4]);
+    document.documentElement.style.setProperty('--cpsl-color-background-48', palette.backgroundColors[5]);
+    document.documentElement.style.setProperty('--cpsl-color-background-64', palette.backgroundColors[6]);
+    document.documentElement.style.setProperty('--cpsl-color-background-80', palette.backgroundColors[7]);
+    document.documentElement.style.setProperty('--cpsl-color-background-96', palette.backgroundColors[8]);
+    // FOREGROUND
+    document.documentElement.style.setProperty('--cpsl-color-foreground-0', palette.foregroundColors[0]);
+    document.documentElement.style.setProperty('--cpsl-color-foreground-4', palette.foregroundColors[1]);
+    document.documentElement.style.setProperty('--cpsl-color-foreground-8', palette.foregroundColors[2]);
+    document.documentElement.style.setProperty('--cpsl-color-foreground-16', palette.foregroundColors[3]);
+    document.documentElement.style.setProperty('--cpsl-color-foreground-32', palette.foregroundColors[4]);
+    document.documentElement.style.setProperty('--cpsl-color-foreground-48', palette.foregroundColors[5]);
+    document.documentElement.style.setProperty('--cpsl-color-foreground-64', palette.foregroundColors[6]);
+    document.documentElement.style.setProperty('--cpsl-color-foreground-80', palette.foregroundColors[7]);
+    document.documentElement.style.setProperty('--cpsl-color-foreground-96', palette.foregroundColors[8]);
+    // ACCENT
+    document.documentElement.style.setProperty('--cpsl-color-accent-0', palette.accentColors[0]);
+    document.documentElement.style.setProperty('--cpsl-color-accent-4', palette.accentColors[1]);
+    document.documentElement.style.setProperty('--cpsl-color-accent-8', palette.accentColors[2]);
+    document.documentElement.style.setProperty('--cpsl-color-accent-16', palette.accentColors[3]);
+    document.documentElement.style.setProperty('--cpsl-color-accent-32', palette.accentColors[4]);
+    document.documentElement.style.setProperty('--cpsl-color-accent-48', palette.accentColors[5]);
+    document.documentElement.style.setProperty('--cpsl-color-accent-64', palette.accentColors[6]);
+    document.documentElement.style.setProperty('--cpsl-color-accent-80', palette.accentColors[7]);
+    document.documentElement.style.setProperty('--cpsl-color-accent-96', palette.accentColors[8]);
+    // CONTRAST
+    document.documentElement.style.setProperty('--cpsl-color-contrast', isDarkTheme ? '#FFFFFF' : '#000000');
+    const utilityLightMixColor = '#FFFFFF';
+    const utilityLightMixValue = 0.72;
+    // UTILITY
+    const red = overlayMix(foregroundColor, UTILITY_COLORS.red);
+    const yellow = overlayMix(foregroundColor, UTILITY_COLORS.yellow);
+    const green = overlayMix(foregroundColor, UTILITY_COLORS.green);
+    document.documentElement.style.setProperty('--cpsl-color-utility-red', red);
+    document.documentElement.style.setProperty('--cpsl-color-utility-yellow', yellow);
+    document.documentElement.style.setProperty('--cpsl-color-utility-green', green);
+    document.documentElement.style.setProperty('--cpsl-color-utility-red-light', mix(red, utilityLightMixColor, utilityLightMixValue));
+    document.documentElement.style.setProperty('--cpsl-color-utility-yellow-light', mix(yellow, utilityLightMixColor, utilityLightMixValue));
+    document.documentElement.style.setProperty('--cpsl-color-utility-green-light', mix(green, utilityLightMixColor, utilityLightMixValue));
+    if (customPalette) {
+        const cssColorVars = getCssColors(customPalette);
+        Object.entries(cssColorVars).forEach(([k, v]) => document.documentElement.style.setProperty(k, v));
+    }
+};
+//# sourceMappingURL=generatePalette.js.map