@usecapsule/core-components 3.1.3 → 3.2.0-dev.1

package/dist/esm/cpsl-identicon.entry.js

@@ -0,0 +1,58 @@
+import { r as registerInstance, h, H as Host } from './index-b188f201.js';
+
+const cpslIdenticonCss = ":host{--identicon-background-red:linear-gradient(136deg, #FF4270 6.86%, #FF7C7C 93.78%);--identicon-background-orange:linear-gradient(136deg, #F45532 6.86%, #FF9B63 93.78%);--identicon-background-yellow:linear-gradient(136deg, #FFA756 6.86%, #FBFF47 93.78%);--identicon-background-green:linear-gradient(136deg, #0CAE60 6.86%, #7BFFD0 93.78%);--identicon-background-blue:linear-gradient(136deg, #476FFF 6.86%, #47C8FF 93.78%);--identicon-background-purple:linear-gradient(136deg, #9747FF 6.86%, #DA47FF 93.78%);display:block;width:62px;height:62px;aspect-ratio:1;border-radius:6px;position:relative;border:1px solid var(--cpsl-color-background-8)}:host>svg{fill:rgba(255, 255, 255, 0.6);position:absolute;width:35%}:host>svg.rotate90{transform:rotate(0.25turn)}:host>svg.rotate180{transform:rotate(0.5turn)}:host>svg.rotate270{transform:rotate(0.75turn)}:host>svg:nth-child(1){right:50%;bottom:50%}:host>svg:nth-child(2){left:50%;bottom:50%}:host>svg:nth-child(3){right:50%;top:50%}:host>svg:nth-child(4){left:50%;top:50%}:host(.red){background:var(--identicon-background-red)}:host(.orange){background:var(--identicon-background-orange)}:host(.green){background:var(--identicon-background-green)}:host(.yellow){background:var(--identicon-background-yellow)}:host(.blue){background:var(--identicon-background-blue)}:host(.purple){background:var(--identicon-background-purple)}";
+const CpslIdenticonStyle0 = cpslIdenticonCss;
+
+const SingleArc = (rotation) => (h("svg", { class: {
+        rotate90: rotation === 1,
+        rotate180: rotation === 2,
+        rotate270: rotation === 3,
+    }, viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_674_66)" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" })), h("defs", null, h("clipPath", { id: "clip0_674_66" }, h("rect", { width: "12", height: "12" })))));
+const DoubleArc = (rotation) => (h("svg", { class: {
+        rotate90: rotation === 1,
+        rotate180: rotation === 2,
+        rotate270: rotation === 3,
+    }, viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_674_255)" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" })), h("defs", null, h("clipPath", { id: "clip0_674_255" }, h("rect", { width: "12", height: "12" })))));
+const CpslIdenticon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hash = undefined;
+        this.size = 40;
+    }
+    render() {
+        const [code, color] = stringToBinaryAndColor(this.hash);
+        const shapeA = ((code >> 2) & 1) !== 0;
+        const shapeB = ((code >> 3) & 1) !== 0;
+        const shapeC = ((code >> 4) & 1) !== 0;
+        const shapeD = ((code >> 5) & 1) !== 0;
+        const rotationA = (code >> 6) & 3;
+        const rotationB = (code >> 7) & 3;
+        const rotationC = (code >> 8) & 3;
+        const rotationD = (code >> 9) & 3;
+        const [shapes, rotations] = [
+            [shapeA, shapeB, shapeC, shapeD],
+            [rotationA, rotationB, rotationC, rotationD],
+        ];
+        return (h(Host, { key: 'beeaf99134ffc2d93ea5900ee38b26c32afc3a1c', class: {
+                red: color === 'red',
+                orange: color === 'orange',
+                yellow: color === 'yellow',
+                green: color === 'green',
+                blue: color === 'blue',
+                purple: color === 'purple',
+            } }, shapes.map((isDouble, index) => {
+            return isDouble ? DoubleArc(rotations[index]) : SingleArc(rotations[index]);
+        })));
+    }
+};
+const COLORS = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];
+function stringToBinaryAndColor(hash) {
+    const code = (hash.charCodeAt(0) << 24) | (hash.charCodeAt(1) << 16) | (hash.charCodeAt(2) << 8) | hash.charCodeAt(3);
+    const color = COLORS[Math.abs(code % 6)];
+    return [code, color];
+}
+CpslIdenticon.style = CpslIdenticonStyle0;
+
+export { CpslIdenticon as cpsl_identicon };
+
+//# sourceMappingURL=cpsl-identicon.entry.js.map

package/dist/esm/cpsl-identicon.entry.js.map

@@ -0,0 +1 @@
+{"file":"cpsl-identicon.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,i2CAAi2C,CAAC;AAC33C,4BAAe,gBAAgB;;ACC/B,MAAM,SAAS,GAAG,CAAC,QAAgB,MACjC,WACE,KAAK,EAAE;QACL,QAAQ,EAAE,QAAQ,KAAK,CAAC;QACxB,SAAS,EAAE,QAAQ,KAAK,CAAC;QACzB,SAAS,EAAE,QAAQ,KAAK,CAAC;KAC1B,EACD,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,IAElC,sBAAa,oBAAoB,IAC/B,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,oOAAoO,GACtO,CACA,EACJ,gBACE,gBAAU,EAAE,EAAC,cAAc,IACzB,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CACtB,CACN,CACH,CACP,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,QAAgB,MACjC,WACE,KAAK,EAAE;QACL,QAAQ,EAAE,QAAQ,KAAK,CAAC;QACxB,SAAS,EAAE,QAAQ,KAAK,CAAC;QACzB,SAAS,EAAE,QAAQ,KAAK,CAAC;KAC1B,EACD,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,IAElC,sBAAa,qBAAqB,IAChC,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,oOAAoO,GACtO,EACF,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,oOAAoO,GACtO,CACA,EACJ,gBACE,gBAAU,EAAE,EAAC,eAAe,IAC1B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CACtB,CACN,CACH,CACP,CAAC;MAOW,aAAa;;;;oBAOD,EAAE;;IAEzB,MAAM;QACJ,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxD,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvC,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvC,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvC,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,SAAS,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,SAAS,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,SAAS,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAElC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG;YAC1B,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;YAChC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;SAC7C,CAAC;QAEF,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,GAAG,EAAE,KAAK,KAAK,KAAK;gBACpB,MAAM,EAAE,KAAK,KAAK,QAAQ;gBAC1B,MAAM,EAAE,KAAK,KAAK,QAAQ;gBAC1B,KAAK,EAAE,KAAK,KAAK,OAAO;gBACxB,IAAI,EAAE,KAAK,KAAK,MAAM;gBACtB,MAAM,EAAE,KAAK,KAAK,QAAQ;aAC3B,IAEA,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK;YAC1B,OAAO,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;SAC7E,CAAC,CACG,EACP;KACH;;AAKH,MAAM,MAAM,GAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;AAE/E,SAAS,sBAAsB,CAAC,IAAY;IAC1C,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAEtH,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IAEzC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACvB,CAAC;;;;;","names":[],"sources":["src/components/cpsl-identicon/cpsl-identicon.scss?tag=cpsl-identicon&encapsulation=shadow","src/components/cpsl-identicon/cpsl-identicon.tsx"],"sourcesContent":[":host {\n  --identicon-background-red: linear-gradient(136deg, #FF4270 6.86%, #FF7C7C 93.78%);\n  --identicon-background-orange: linear-gradient(136deg, #F45532 6.86%, #FF9B63 93.78%);\n  --identicon-background-yellow: linear-gradient(136deg, #FFA756 6.86%, #FBFF47 93.78%);\n  --identicon-background-green: linear-gradient(136deg, #0CAE60 6.86%, #7BFFD0 93.78%);\n  --identicon-background-blue: linear-gradient(136deg, #476FFF 6.86%, #47C8FF 93.78%);\n  --identicon-background-purple: linear-gradient(136deg, #9747FF 6.86%, #DA47FF 93.78%);\n\n  display: block;\n  width: 62px;\n  height: 62px;\n  aspect-ratio: 1;\n  border-radius: 6px;\n  position: relative;\n  border: 1px solid var(--cpsl-color-background-8);\n\n  & > svg {\n    fill: rgba(255, 255, 255, 0.6);\n    position: absolute;\n    width: 35%;\n  }\n\n  & > svg.rotate90 {\n    transform: rotate(.25turn);\n  }\n\n  & > svg.rotate180 {\n    transform: rotate(.5turn);\n  }\n\n  & > svg.rotate270 {\n    transform: rotate(.75turn);\n  }\n\n  & > svg:nth-child(1) {\n    right: 50%;\n    bottom: 50%;\n  }\n\n  & > svg:nth-child(2) {\n    left: 50%;\n    bottom: 50%;\n  }\n\n  & > svg:nth-child(3) {\n    right: 50%;\n    top: 50%;\n  }\n\n  & > svg:nth-child(4) {\n    left: 50%;\n    top: 50%;\n  }\n}\n\n:host(.red) {\n  background: var(--identicon-background-red);\n}\n\n:host(.orange) {\n  background: var(--identicon-background-orange);\n}\n\n:host(.green) {\n  background: var(--identicon-background-green);\n}\n\n:host(.yellow) {\n  background: var(--identicon-background-yellow);\n}\n\n:host(.blue) {\n  background: var(--identicon-background-blue);\n}\n\n:host(.purple) {\n  background: var(--identicon-background-purple);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nconst SingleArc = (rotation: number) => (\n  <svg\n    class={{\n      rotate90: rotation === 1,\n      rotate180: rotation === 2,\n      rotate270: rotation === 3,\n    }}\n    viewBox=\"0 0 12 12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clip-path=\"url(#clip0_674_66)\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_674_66\">\n        <rect width=\"12\" height=\"12\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nconst DoubleArc = (rotation: number) => (\n  <svg\n    class={{\n      rotate90: rotation === 1,\n      rotate180: rotation === 2,\n      rotate270: rotation === 3,\n    }}\n    viewBox=\"0 0 12 12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clip-path=\"url(#clip0_674_255)\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z\"\n      />\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_674_255\">\n        <rect width=\"12\" height=\"12\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\n@Component({\n  tag: 'cpsl-identicon',\n  styleUrl: 'cpsl-identicon.scss',\n  shadow: true,\n})\nexport class CpslIdenticon {\n  @Prop() hash: string;\n\n  /**\n   *  The size of the identicon.\n   *  Default is: 40.\n   */\n  @Prop() size: number = 40;\n\n  render() {\n    const [code, color] = stringToBinaryAndColor(this.hash);\n    const shapeA = ((code >> 2) & 1) !== 0;\n    const shapeB = ((code >> 3) & 1) !== 0;\n    const shapeC = ((code >> 4) & 1) !== 0;\n    const shapeD = ((code >> 5) & 1) !== 0;\n    const rotationA = (code >> 6) & 3;\n    const rotationB = (code >> 7) & 3;\n    const rotationC = (code >> 8) & 3;\n    const rotationD = (code >> 9) & 3;\n\n    const [shapes, rotations] = [\n      [shapeA, shapeB, shapeC, shapeD],\n      [rotationA, rotationB, rotationC, rotationD],\n    ];\n\n    return (\n      <Host\n        class={{\n          red: color === 'red',\n          orange: color === 'orange',\n          yellow: color === 'yellow',\n          green: color === 'green',\n          blue: color === 'blue',\n          purple: color === 'purple',\n        }}\n      >\n        {shapes.map((isDouble, index) => {\n          return isDouble ? DoubleArc(rotations[index]) : SingleArc(rotations[index]);\n        })}\n      </Host>\n    );\n  }\n}\n\ntype Color = 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'purple';\n\nconst COLORS: Color[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];\n\nfunction stringToBinaryAndColor(hash: string): [number, Color] {\n  const code = (hash.charCodeAt(0) << 24) | (hash.charCodeAt(1) << 16) | (hash.charCodeAt(2) << 8) | hash.charCodeAt(3);\n\n  const color = COLORS[Math.abs(code % 6)];\n\n  return [code, color];\n}\n"],"version":3}

package/dist/esm/cpsl-info-box.entry.js

@@ -8,7 +8,7 @@ const CpslInfoBox = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '60852c54e233d29363761d07715aab5b7d86e4b0' }, h("div", { key: '970d11a996e58604455833c5a31a9ae26abadb95', class: "info-box-container" }, h("slot", { key: '4f2f3a5da31d262544f848b06498af7da5b2cbd1' }))));
+        return (h(Host, { key: '15b85f109d7e5371f6fa35f38dc35f86a061c46c' }, h("div", { key: '39eae7146dfa17771e1d68045255c9b0db5d0a0c', class: "info-box-container" }, h("slot", { key: '008e3552b563dd2f3b6d10bc7afe59b0f2a2ba3a' }))));
     }
 };
 CpslInfoBox.style = CpslInfoBoxStyle0;

package/dist/esm/cpsl-modal-v2.entry.js

@@ -37,7 +37,7 @@ const CpslModalV2 = class {
         this.toggleHeight();
     }
     render() {
-        return (h(Host, { key: 'ecdfd932091801f470beb579793ba8faaddd1858', class: { 'open': this.open, 'elevated': this.elevated, 'no-overlay': this.noOverlay } }, !this.noOverlay && (h("cpsl-overlay", { zIndexOverride: Boolean(this.zIndexOverride) ? this.zIndexOverride : undefined, id: "overlay", open: this.open, enterTransitionDuration: this.enterTransitionDuration, exitTransitionDuration: this.exitTransitionDuration })), h("cpsl-card", { key: '9c0d1dc565ed8d178f56e02d3e53cc6f979d66b5', class: "card", style: { transitionDuration: this.open ? `${this.exitTransitionDuration}s` : `${this.enterTransitionDuration}s` } }, h("slot", { key: 'be77c75323488daed7b254daeca431835f96f081' }))));
+        return (h(Host, { key: '8a43f4163d195bb2062c57a1edbab0740b69bdf5', class: { 'open': this.open, 'elevated': this.elevated, 'no-overlay': this.noOverlay } }, !this.noOverlay && (h("cpsl-overlay", { zIndexOverride: Boolean(this.zIndexOverride) ? this.zIndexOverride : undefined, id: "overlay", open: this.open, enterTransitionDuration: this.enterTransitionDuration, exitTransitionDuration: this.exitTransitionDuration })), h("cpsl-card", { key: '488be1c056c32f634ec8b534e67a462dcde32736', class: "card", style: { transitionDuration: this.open ? `${this.exitTransitionDuration}s` : `${this.enterTransitionDuration}s` } }, h("slot", { key: 'dbf4835d6aab5454ff6b582471bbb34e3cfca1c3' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/cpsl-row.entry.js

@@ -8,7 +8,7 @@ const CpslRow = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '7f72521f5a00092d54fb143c73334dfdc8d5daf7' }, h("slot", { key: 'a23bda8f3a3178b61e409f73e6004586f8b26509' })));
+        return (h(Host, { key: 'a7103593a92c7db3ff20e95c7f9a0b7a14897e34' }, h("slot", { key: 'e7980a87253ac57393a246aae808cfa47f7c20dc' })));
     }
 };
 CpslRow.style = CpslRowStyle0;

package/dist/esm/index-b188f201.js

@@ -1948,10 +1948,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'cpsl-alert_33':
+                case 'cpsl-alert_34':
                     return import(
                       /* webpackMode: "lazy" */
-                      './cpsl-alert_33.entry.js').then(processMod, consoleError);
+                      './cpsl-alert_34.entry.js').then(processMod, consoleError);
                 case 'cpsl-animation':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1964,6 +1964,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './cpsl-grid.entry.js').then(processMod, consoleError);
+                case 'cpsl-identicon':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './cpsl-identicon.entry.js').then(processMod, consoleError);
                 case 'cpsl-info-box':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["cpsl-modal-v2",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-animation",[[1,"cpsl-animation",{"src":[1],"replayAnimation":[64]}]]],["cpsl-col",[[1,"cpsl-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["cpsl-grid",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row"]]],["cpsl-alert_33",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-file-upload",{"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-select",{"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"label":[1],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-alert",{"icon":[1],"variant":[1]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"footerExpanded":[4,"footer-expanded"],"footerTransitionDuration":[2,"footer-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32]},null,{"footerExpanded":["toggleHeight"],"open":["toggleModal"]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-input",{"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"]}],[1,"cpsl-nav-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},null,{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"variant":[513]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1]}],[1,"cpsl-icon",{"src":[1],"icon":[1]}]]]], options);
+  return bootstrapLazy([["cpsl-modal-v2",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-animation",[[1,"cpsl-animation",{"src":[1],"replayAnimation":[64]}]]],["cpsl-col",[[1,"cpsl-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["cpsl-grid",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon",[[1,"cpsl-identicon",{"hash":[1],"size":[2]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row"]]],["cpsl-alert_34",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-file-upload",{"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-select",{"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"label":[1],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-alert",{"icon":[1],"variant":[1]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-hero",{"variant":[513],"title":[513],"subtitle":[513]}],[1,"cpsl-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"footerExpanded":[4,"footer-expanded"],"footerTransitionDuration":[2,"footer-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32]},null,{"footerExpanded":["toggleHeight"],"open":["toggleModal"]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-input",{"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"]}],[1,"cpsl-nav-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},null,{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"variant":[513]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1]}],[1,"cpsl-icon",{"src":[1],"icon":[1]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/scripts/buildAssets.js

@@ -0,0 +1,90 @@
+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());
+    });
+};
+const fs = require('fs');
+const fsPromises = require('fs').promises;
+function toCamelCase(text) {
+    return text.replace(/-\w/g, clearAndUpper);
+}
+function toPascalCase(text) {
+    return text.replace(/(^\w|-\w)/g, clearAndUpper);
+}
+function clearAndUpper(text) {
+    return text.replace(/-/, '').toUpperCase();
+}
+const buildIconLibrary = () => {
+    let files = fs.readdirSync('./src/assets/icons');
+    let flagFiles = fs.readdirSync('./src/assets/icons/flags');
+    let importString = '';
+    let objString = 'export const Icons = {';
+    for (const fileName of files) {
+        if (!fileName.includes('.svg')) {
+            continue;
+        }
+        const fileNameNoExt = fileName.split('.')[0];
+        const camelCaseFileName = toCamelCase(fileNameNoExt);
+        const pascalCaseFileName = toPascalCase(fileNameNoExt);
+        importString += `import ${pascalCaseFileName} from './${fileName}';`;
+        objString += `${camelCaseFileName}: ${pascalCaseFileName},`;
+    }
+    for (const fileName of flagFiles) {
+        if (!fileName.includes('.svg')) {
+            continue;
+        }
+        const fileNameNoExt = fileName.split('.')[0];
+        const camelCaseFileName = toCamelCase(fileNameNoExt);
+        const pascalCaseFileName = toPascalCase(fileNameNoExt);
+        importString += `import ${pascalCaseFileName} from './flags/${fileName}';`;
+        objString += `${camelCaseFileName}: ${pascalCaseFileName},`;
+    }
+    const codeStr = `${importString}\n${objString}}`;
+    fs.writeFile('./src/assets/icons/index.ts', codeStr, 'utf8', err => {
+        if (err) {
+            console.error(err);
+        }
+    });
+};
+const buildImages = () => __awaiter(this, void 0, void 0, function* () {
+    const files = fs.readdirSync('./src/assets/images');
+    let objString = 'export const Images = {';
+    for (let i = 0; i < files.length; i++) {
+        const fileName = files[i];
+        if (!fileName.includes('png') && !fileName.includes('jpg') && !fileName.includes('jpeg')) {
+            continue;
+        }
+        const content = yield fsPromises.readFile(`./src/assets/images/${fileName}`, { encoding: 'base64' });
+        const fileNameSplit = fileName.split('.');
+        const ext = fileNameSplit[1];
+        const fileNameNoExt = fileNameSplit[0];
+        const camelCaseFileName = toCamelCase(fileNameNoExt);
+        const dataUrl = `data:image/${ext};base64,${content}`;
+        objString += `${camelCaseFileName}: "${dataUrl}",`;
+    }
+    fs.writeFile('./src/assets/images/index.ts', `${objString}}`, 'utf8', err => {
+        if (err) {
+            console.error(err);
+        }
+    });
+});
+const main = () => {
+    buildIconLibrary();
+    buildImages();
+};
+main();
+//# sourceMappingURL=buildAssets.js.map

package/dist/scripts/buildAssets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildAssets.js","sourceRoot":"","sources":["../../scripts/buildAssets.ts"],"names":[],"mappings":"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","sourcesContent":["const fs = require('fs');\nconst fsPromises = require('fs').promises;\n\nfunction toCamelCase(text) {\n  return text.replace(/-\\w/g, clearAndUpper);\n}\n\nfunction toPascalCase(text) {\n  return text.replace(/(^\\w|-\\w)/g, clearAndUpper);\n}\n\nfunction clearAndUpper(text) {\n  return text.replace(/-/, '').toUpperCase();\n}\nconst buildIconLibrary = () => {\n  let files: string[] = fs.readdirSync('./src/assets/icons');\n  let flagFiles = fs.readdirSync('./src/assets/icons/flags');\n\n  let importString = '';\n  let objString = 'export const Icons = {';\n\n  for (const fileName of files) {\n    if (!fileName.includes('.svg')) {\n      continue;\n    }\n\n    const fileNameNoExt = fileName.split('.')[0];\n\n    const camelCaseFileName = toCamelCase(fileNameNoExt);\n    const pascalCaseFileName = toPascalCase(fileNameNoExt);\n\n    importString += `import ${pascalCaseFileName} from './${fileName}';`;\n    objString += `${camelCaseFileName}: ${pascalCaseFileName},`;\n  }\n\n  for (const fileName of flagFiles) {\n    if (!fileName.includes('.svg')) {\n      continue;\n    }\n\n    const fileNameNoExt = fileName.split('.')[0];\n\n    const camelCaseFileName = toCamelCase(fileNameNoExt);\n    const pascalCaseFileName = toPascalCase(fileNameNoExt);\n\n    importString += `import ${pascalCaseFileName} from './flags/${fileName}';`;\n    objString += `${camelCaseFileName}: ${pascalCaseFileName},`;\n  }\n\n  const codeStr = `${importString}\\n${objString}}`;\n  fs.writeFile('./src/assets/icons/index.ts', codeStr, 'utf8', err => {\n    if (err) {\n      console.error(err);\n    }\n  });\n};\n\nconst buildImages = async () => {\n  const files: string[] = fs.readdirSync('./src/assets/images');\n\n  let objString = 'export const Images = {';\n\n  for (let i = 0; i < files.length; i++) {\n    const fileName = files[i];\n\n    if (!fileName.includes('png') && !fileName.includes('jpg') && !fileName.includes('jpeg')) {\n      continue;\n    }\n\n    const content = await fsPromises.readFile(`./src/assets/images/${fileName}`, { encoding: 'base64' });\n\n    const fileNameSplit = fileName.split('.');\n    const ext = fileNameSplit[1];\n    const fileNameNoExt = fileNameSplit[0];\n\n    const camelCaseFileName = toCamelCase(fileNameNoExt);\n\n    const dataUrl = `data:image/${ext};base64,${content}`;\n\n    objString += `${camelCaseFileName}: \"${dataUrl}\",`;\n  }\n\n  fs.writeFile('./src/assets/images/index.ts', `${objString}}`, 'utf8', err => {\n    if (err) {\n      console.error(err);\n    }\n  });\n};\n\nconst main = () => {\n  buildIconLibrary();\n  buildImages();\n};\nmain();\n"]}

package/dist/types/Users/{taylorbosch/Documents/GitHub/Capsule/component-library/core/.stencil/scripts/buildIconLibrary.d.ts → briancorbin/Documents/Programming/Capsule/component-library/core/.stencil/scripts/buildAssets.d.ts}

@@ -1,5 +1,8 @@
 declare const fs: any;
+declare const fsPromises: any;
 declare function toCamelCase(text: any): any;
 declare function toPascalCase(text: any): any;
 declare function clearAndUpper(text: any): any;
+declare const buildIconLibrary: () => void;
+declare const buildImages: () => Promise<void>;
 declare const main: () => void;

package/dist/types/assets/icons/index.d.ts

@@ -1,4 +1,95 @@
 export declare const Icons: {
+    alertCircle: string;
+    angelListBrand: string;
+    angelList: string;
+    appleBrand: string;
+    apple: string;
+    arrowNarrow: string;
+    arrow: string;
+    backupKit: string;
+    brush: string;
+    capsuleLogo: string;
+    capsuleRingsDark: string;
+    capsuleRings: string;
+    capsule: string;
+    checkCircle: string;
+    check: string;
+    chevronUp: string;
+    clock: string;
+    close: string;
+    clubhouseBrand: string;
+    clubhouse: string;
+    copy: string;
+    cube: string;
+    decentBrand: string;
+    decent: string;
+    discordBrand: string;
+    discord: string;
+    doubleArc: string;
+    downloadCloud: string;
+    dribbbleBrand: string;
+    dribbble: string;
+    earth: string;
+    eyeOff: string;
+    eye: string;
+    facebookBrand: string;
+    facebook: string;
+    farcasterBrand: string;
+    farcaster: string;
+    figmaBrand: string;
+    figma: string;
+    file: string;
+    githubBrand: string;
+    github: string;
+    googleBrand: string;
+    google: string;
+    helpCircle: string;
+    heroEmail: string;
+    heroLock: string;
+    heroPasskey: string;
+    heroPhone: string;
+    heroWallet: string;
+    home: string;
+    image: string;
+    infoCircle: string;
+    instagramBrand: string;
+    instagram: string;
+    key: string;
+    lightning01: string;
+    lightning: string;
+    linkedinBrand: string;
+    linkedin: string;
+    mail: string;
+    menu: string;
+    moreLoginOptions: string;
+    phone: string;
+    pintrestBrand: string;
+    pintrest: string;
+    plusCircle: string;
+    rampNetworkBrand: string;
+    rampNetwork: string;
+    redditBrand: string;
+    reddit: string;
+    refresh: string;
+    settings: string;
+    signalBrand: string;
+    signal: string;
+    singleArc: string;
+    snapchatBrand: string;
+    snapchat: string;
+    stars: string;
+    telegramBrand: string;
+    telegram: string;
+    tikTokBrand: string;
+    tikTok: string;
+    tumblrBrand: string;
+    tumblr: string;
+    twitterBrand: string;
+    twitter: string;
+    wallet: string;
+    x: string;
+    youtubeBrand: string;
+    youtube: string;
     AD: string;
     AE: string;
     AF: string;
@@ -232,93 +323,4 @@ export declare const Icons: {
     ZA: string;
     ZM: string;
     ZW: string;
-    alertCircle: string;
-    angelListBrand: string;
-    angelList: string;
-    appleBrand: string;
-    apple: string;
-    arrowNarrow: string;
-    arrow: string;
-    backupKit: string;
-    brush: string;
-    capsuleLogo: string;
-    capsuleRingsDark: string;
-    capsuleRings: string;
-    capsule: string;
-    checkCircle: string;
-    check: string;
-    chevronUp: string;
-    clock: string;
-    close: string;
-    clubhouseBrand: string;
-    clubhouse: string;
-    copy: string;
-    cube: string;
-    decentBrand: string;
-    decent: string;
-    discordBrand: string;
-    discord: string;
-    downloadCloud: string;
-    dribbbleBrand: string;
-    dribbble: string;
-    earth: string;
-    eyeOff: string;
-    eye: string;
-    facebookBrand: string;
-    facebook: string;
-    farcasterBrand: string;
-    farcaster: string;
-    figmaBrand: string;
-    figma: string;
-    file: string;
-    githubBrand: string;
-    github: string;
-    googleBrand: string;
-    google: string;
-    helpCircle: string;
-    heroEmail: string;
-    heroLock: string;
-    heroPasskey: string;
-    heroPhone: string;
-    heroWallet: string;
-    home: string;
-    image: string;
-    infoCircle: string;
-    instagramBrand: string;
-    instagram: string;
-    key: string;
-    lightning01: string;
-    lightning: string;
-    linkedinBrand: string;
-    linkedin: string;
-    mail: string;
-    menu: string;
-    moreLoginOptions: string;
-    phone: string;
-    pintrestBrand: string;
-    pintrest: string;
-    plusCircle: string;
-    rampNetworkBrand: string;
-    rampNetwork: string;
-    redditBrand: string;
-    reddit: string;
-    refresh: string;
-    settings: string;
-    signalBrand: string;
-    signal: string;
-    snapchatBrand: string;
-    snapchat: string;
-    stars: string;
-    telegramBrand: string;
-    telegram: string;
-    tikTokBrand: string;
-    tikTok: string;
-    tumblrBrand: string;
-    tumblr: string;
-    twitterBrand: string;
-    twitter: string;
-    wallet: string;
-    x: string;
-    youtubeBrand: string;
-    youtube: string;
 };

package/dist/types/assets/images/index.d.ts

@@ -0,0 +1,5 @@
+export declare const Images: {
+    heroDefault: string;
+    heroPending: string;
+    heroSuccess: string;
+};

package/dist/types/components/cpsl-button/cpsl-button.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryFn } from '@storybook/html';
+import { type CpslButton } from './cpsl-button';
+declare const meta: Meta<CpslButton & {
+    content?: string;
+}>;
+export default meta;
+type Story = StoryFn<CpslButton & {
+    content?: string;
+}>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Ghost: Story;
+export declare const Destructive: Story;
+export declare const Icon: Story;
+export declare const PrimaryWithIcon: Story;

package/dist/types/components/cpsl-hero/cpsl-hero.d.ts

@@ -0,0 +1,6 @@
+export declare class CpslHero {
+    variant?: 'connection' | 'pending' | 'approved' | 'failed';
+    title: string;
+    subtitle?: string;
+    render(): any;
+}

package/dist/types/components/cpsl-hero/cpsl-hero.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryFn } from '@storybook/html';
+import { type CpslHero } from './cpsl-hero';
+declare const meta: Meta<CpslHero & {
+    content?: string;
+}>;
+export default meta;
+type Story = StoryFn<CpslHero & {
+    content?: string;
+}>;
+export declare const Connection: Story;
+export declare const Pending: Story;
+export declare const Approved: Story;
+export declare const Failed: Story;

package/dist/types/components/cpsl-identicon/cpsl-identicon.d.ts

@@ -0,0 +1,5 @@
+export declare class CpslIdenticon {
+    hash: string;
+    size: number;
+    render(): any;
+}

package/dist/types/components/cpsl-identicon/cpsl-identicon.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryFn } from '@storybook/html';
+import { type CpslIdenticon } from './cpsl-identicon';
+declare const meta: Meta<CpslIdenticon & {
+    content?: string;
+}>;
+export default meta;
+type Story = StoryFn<CpslIdenticon & {
+    content?: string;
+}>;
+export declare const Primary: Story;