@sula-tech/webcomponents 0.0.2

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/my-component/my-component.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.25.0",
+    "typescriptVersion": "5.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/my-component/my-component.css

@@ -0,0 +1 @@
+*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{--color-green-50:#f2f5f3;--color-green-100:#e7ede8;--color-green-200:#cbdacf;--color-green-300:#acc6b2;--color-green-400:#85ae8f;--color-green-500:#04843f;--color-green-600:#047e3c;--color-green-700:#037136;--color-green-800:#03622f;--color-green-900:#025026;--color-green-950:#02381b;--color-red-50:#faf2f2;--color-red-100:#f6e7e7;--color-red-200:#eccbcb;--color-red-300:#e3acac;--color-red-400:#d88585;--color-red-500:#c80505;--color-red-600:#bf0505;--color-red-700:#ab0404;--color-red-800:#940404;--color-red-900:#790303;--color-red-950:#550202;--color-yellow-50:#fdf7f2;--color-yellow-100:#fcf0e7;--color-yellow-200:#f9dfcd;--color-yellow-300:#f6ceae;--color-yellow-400:#f3ba89;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#cc8322;--color-yellow-800:#b1711e;--color-yellow-900:#905c18;--color-yellow-950:#664111;--color-orange-50:#fef3f2;--color-orange-100:#fce9e7;--color-orange-200:#fad1cc;--color-orange-300:#f7b6ae;--color-orange-400:#f0693e;--color-orange-500:#f05223;--color-orange-600:#e54e21;--color-orange-700:#cd461e;--color-orange-800:#b13d1a;--color-orange-900:#913115;--color-orange-950:#66230f;--color-blue-50:#f2f2f4;--color-blue-100:#e7e7eb;--color-blue-200:#cbccd4;--color-blue-300:#acadbb;--color-blue-400:#5959a1;--color-blue-500:#001e64;--color-blue-600:#001d5f;--color-blue-700:#001a55;--color-blue-800:#00164a;--color-blue-900:#00123c;--color-blue-950:#000d2b;--color-ambar-50:#fff6f2;--color-ambar-100:#feeee7;--color-ambar-200:#fedccb;--color-ambar-300:#fdc8ac;--color-ambar-400:#fdb285;--color-ambar-500:#f98900;--color-ambar-600:#f08500;--color-ambar-700:#d77700;--color-ambar-800:#ba6700;--color-ambar-900:#985400;--color-ambar-950:#6c3b00;--color-grey-50:#fff;--color-grey-100:#f4f4f4;--color-grey-200:#e6e6e6;--color-grey-300:#c3c3c3;--color-grey-400:#b9b9b9;--color-grey-500:#949494;--color-grey-600:#737373;--color-grey-700:#5c5c5c;--color-grey-800:#323232;--color-grey-900:#292929;--color-grey-950:#141414;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f2f4fc;--color-ciano-100:#e7ebfa;--color-ciano-200:#ccd5f4;--color-ciano-300:#adbdef;--color-ciano-400:#86a0e9;--color-ciano-500:#1769e0;--color-ciano-600:#1664d6;--color-ciano-700:#145abf;--color-ciano-800:#114ea6;--color-ciano-900:#0e3f87;--color-ciano-950:#0a2d60;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:#14141405;--color-black-opacity-100:#1414141a;--color-black-opacity-200:#14141426;--color-black-opacity-300:#14141445;--color-black-opacity-400:#1414145c;--color-black-opacity-500:#14141480;--color-black-opacity-600:#1414148c;--color-black-opacity-700:#141414a3;--color-black-opacity-800:#141414ba;--color-black-opacity-900:#141414cc;--color-black-opacity-950:#141414e8;--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#145abf;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001d5f;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#f98900;--color-surface-body:#fff;--color-surface-on-body:#f4f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6f2;--color-surface-on-body-feedback-success:#cbdacf;--color-surface-on-body-feedback-error:#eccbcb;--color-surface-on-body-feedback-alert:#f9dfcd;--color-surface-on-body-feedback-info:#ccd5f4;--color-text-primary:#323232;--color-text-secondary:#5c5c5c;--color-text-disabled:#949494;--color-text-link:#145abf;--color-states-empty-bg-hover:#1414141a;--color-states-empty-bg-pressed:#14141426;--color-states-bg-disabled:#14141405;--color-states-bg-focus:#145abf;--color-states-primary-hover:#e54e21;--color-states-primary-pressed:#cd461e;--color-states-danger-hover:#bf0505;--color-states-danger-pressed:#ab0404;--color-icon-primary:#5c5c5c;--color-icon-secondary:#fff;--color-icon-disabled:#b9b9b9;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f4f4f4;--color-neutral-neutral-3:#b9b9b9;--color-neutral-neutral-4:#949494;--color-neutral-neutral-5:#737373;--color-neutral-neutral-6:#5c5c5c;--color-neutral-neutral-7:#323232;--color-neutral-neutral-8:#292929;--color-negative-negative-1:#fff;--color-negative-negative-2:#323232;--color-opacity-body:#fffc;--color-opacity-on-body:#14141405;--color-opacity-overlay:#1414148c;--color-opacity-on-overlay:#ffffff1a;--color-line-input:#949494;--color-line-general-strong:#c3c3c3;--color-line-general:#e6e6e6;display:block}:root{--color-green-50:#f2f5f3;--color-green-100:#e7ede8;--color-green-200:#cbdacf;--color-green-300:#acc6b2;--color-green-400:#85ae8f;--color-green-500:#04843f;--color-green-600:#047e3c;--color-green-700:#037136;--color-green-800:#03622f;--color-green-900:#025026;--color-green-950:#02381b;--color-red-50:#faf2f2;--color-red-100:#f6e7e7;--color-red-200:#eccbcb;--color-red-300:#e3acac;--color-red-400:#d88585;--color-red-500:#c80505;--color-red-600:#bf0505;--color-red-700:#ab0404;--color-red-800:#940404;--color-red-900:#790303;--color-red-950:#550202;--color-yellow-50:#fdf7f2;--color-yellow-100:#fcf0e7;--color-yellow-200:#f9dfcd;--color-yellow-300:#f6ceae;--color-yellow-400:#f3ba89;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#cc8322;--color-yellow-800:#b1711e;--color-yellow-900:#905c18;--color-yellow-950:#664111;--color-orange-50:#fef3f2;--color-orange-100:#fce9e7;--color-orange-200:#fad1cc;--color-orange-300:#f7b6ae;--color-orange-400:#f0693e;--color-orange-500:#f05223;--color-orange-600:#e54e21;--color-orange-700:#cd461e;--color-orange-800:#b13d1a;--color-orange-900:#913115;--color-orange-950:#66230f;--color-blue-50:#f2f2f4;--color-blue-100:#e7e7eb;--color-blue-200:#cbccd4;--color-blue-300:#acadbb;--color-blue-400:#5959a1;--color-blue-500:#001e64;--color-blue-600:#001d5f;--color-blue-700:#001a55;--color-blue-800:#00164a;--color-blue-900:#00123c;--color-blue-950:#000d2b;--color-ambar-50:#fff6f2;--color-ambar-100:#feeee7;--color-ambar-200:#fedccb;--color-ambar-300:#fdc8ac;--color-ambar-400:#fdb285;--color-ambar-500:#f98900;--color-ambar-600:#f08500;--color-ambar-700:#d77700;--color-ambar-800:#ba6700;--color-ambar-900:#985400;--color-ambar-950:#6c3b00;--color-grey-50:#fff;--color-grey-100:#f4f4f4;--color-grey-200:#e6e6e6;--color-grey-300:#c3c3c3;--color-grey-400:#b9b9b9;--color-grey-500:#949494;--color-grey-600:#737373;--color-grey-700:#5c5c5c;--color-grey-800:#323232;--color-grey-900:#292929;--color-grey-950:#141414;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f2f4fc;--color-ciano-100:#e7ebfa;--color-ciano-200:#ccd5f4;--color-ciano-300:#adbdef;--color-ciano-400:#86a0e9;--color-ciano-500:#1769e0;--color-ciano-600:#1664d6;--color-ciano-700:#145abf;--color-ciano-800:#114ea6;--color-ciano-900:#0e3f87;--color-ciano-950:#0a2d60;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:#14141405;--color-black-opacity-100:#1414141a;--color-black-opacity-200:#14141426;--color-black-opacity-300:#14141445;--color-black-opacity-400:#1414145c;--color-black-opacity-500:#14141480;--color-black-opacity-600:#1414148c;--color-black-opacity-700:#141414a3;--color-black-opacity-800:#141414ba;--color-black-opacity-900:#141414cc;--color-black-opacity-950:#141414e8;--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#145abf;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001d5f;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#f98900;--color-surface-body:#fff;--color-surface-on-body:#f4f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6f2;--color-surface-on-body-feedback-success:#cbdacf;--color-surface-on-body-feedback-error:#eccbcb;--color-surface-on-body-feedback-alert:#f9dfcd;--color-surface-on-body-feedback-info:#ccd5f4;--color-text-primary:#323232;--color-text-secondary:#5c5c5c;--color-text-disabled:#949494;--color-text-link:#145abf;--color-states-empty-bg-hover:#1414141a;--color-states-empty-bg-pressed:#14141426;--color-states-bg-disabled:#14141405;--color-states-bg-focus:#145abf;--color-states-primary-hover:#e54e21;--color-states-primary-pressed:#cd461e;--color-states-danger-hover:#bf0505;--color-states-danger-pressed:#ab0404;--color-icon-primary:#5c5c5c;--color-icon-secondary:#fff;--color-icon-disabled:#b9b9b9;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f4f4f4;--color-neutral-neutral-3:#b9b9b9;--color-neutral-neutral-4:#949494;--color-neutral-neutral-5:#737373;--color-neutral-neutral-6:#5c5c5c;--color-neutral-neutral-7:#323232;--color-neutral-neutral-8:#292929;--color-negative-negative-1:#fff;--color-negative-negative-2:#323232;--color-opacity-body:#fffc;--color-opacity-on-body:#14141405;--color-opacity-overlay:#1414148c;--color-opacity-on-overlay:#ffffff1a;--color-line-input:#949494;--color-line-general-strong:#c3c3c3;--color-line-general:#e6e6e6}.static{position:static}.bg-brand-primary{background-color:var(--color-brand-primary)}.text-text-primary{color:var(--color-text-primary)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:bg-green-400:hover{background-color:var(--color-green-400)}.hover\:text-brand-primary:hover{color:var(--color-brand-primary)}

package/dist/collection/components/my-component/my-component.js

@@ -0,0 +1,64 @@
+import { h } from "@stencil/core";
+export class MyComponent {
+    getText() {
+        return `${this.first} ${this.last}`;
+    }
+    render() {
+        return h("div", { key: 'ad9b740aebf6817aee72958868fb0cbfe618f6bc', class: "bg-brand-primary text-text-primary hover:text-brand-primary hover:bg-green-400" }, "Hello, World! I'm ", this.getText());
+    }
+    static get is() { return "my-component"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["my-component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["my-component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "first": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The first name"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "first",
+                "reflect": false
+            },
+            "last": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The last name"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "last",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=my-component.js.map

package/dist/collection/components/my-component/my-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"my-component.js","sourceRoot":"","sources":["../../../src/components/my-component/my-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;IAWd,OAAO;QACb,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;IACtC,CAAC;IAED,MAAM;QACJ,OAAO,4DAAK,KAAK,EAAC,gFAAgF;;YAAoB,IAAI,CAAC,OAAO,EAAE,CAAO,CAAC;IAC9I,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'my-component',\n  styleUrl: 'my-component.scss',\n  shadow: true,\n})\nexport class MyComponent {\n  /**\n   * The first name\n   */\n  @Prop() first: string;\n\n  /**\n   * The last name\n   */\n  @Prop() last: string;\n\n  private getText(): string {\n    return `${this.first} ${this.last}`;\n  }\n\n  render() {\n    return <div class=\"bg-brand-primary text-text-primary hover:text-brand-primary hover:bg-green-400\">Hello, World! I'm {this.getText()}</div>;\n  }\n}\n"]}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export {};
+//# 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;;;;;;;;GAQG","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from './components.d.ts';\n"]}

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-35528f0a.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":"","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/my-component.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MyComponent extends Components.MyComponent, HTMLElement {}
+export const MyComponent: {
+    prototype: MyComponent;
+    new (): MyComponent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/my-component.js

@@ -0,0 +1,43 @@
+import { p as proxyCustomElement, H, h } from './p-35528f0a.js';
+
+const myComponentCss = "*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{--color-green-50:#f2f5f3;--color-green-100:#e7ede8;--color-green-200:#cbdacf;--color-green-300:#acc6b2;--color-green-400:#85ae8f;--color-green-500:#04843f;--color-green-600:#047e3c;--color-green-700:#037136;--color-green-800:#03622f;--color-green-900:#025026;--color-green-950:#02381b;--color-red-50:#faf2f2;--color-red-100:#f6e7e7;--color-red-200:#eccbcb;--color-red-300:#e3acac;--color-red-400:#d88585;--color-red-500:#c80505;--color-red-600:#bf0505;--color-red-700:#ab0404;--color-red-800:#940404;--color-red-900:#790303;--color-red-950:#550202;--color-yellow-50:#fdf7f2;--color-yellow-100:#fcf0e7;--color-yellow-200:#f9dfcd;--color-yellow-300:#f6ceae;--color-yellow-400:#f3ba89;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#cc8322;--color-yellow-800:#b1711e;--color-yellow-900:#905c18;--color-yellow-950:#664111;--color-orange-50:#fef3f2;--color-orange-100:#fce9e7;--color-orange-200:#fad1cc;--color-orange-300:#f7b6ae;--color-orange-400:#f0693e;--color-orange-500:#f05223;--color-orange-600:#e54e21;--color-orange-700:#cd461e;--color-orange-800:#b13d1a;--color-orange-900:#913115;--color-orange-950:#66230f;--color-blue-50:#f2f2f4;--color-blue-100:#e7e7eb;--color-blue-200:#cbccd4;--color-blue-300:#acadbb;--color-blue-400:#5959a1;--color-blue-500:#001e64;--color-blue-600:#001d5f;--color-blue-700:#001a55;--color-blue-800:#00164a;--color-blue-900:#00123c;--color-blue-950:#000d2b;--color-ambar-50:#fff6f2;--color-ambar-100:#feeee7;--color-ambar-200:#fedccb;--color-ambar-300:#fdc8ac;--color-ambar-400:#fdb285;--color-ambar-500:#f98900;--color-ambar-600:#f08500;--color-ambar-700:#d77700;--color-ambar-800:#ba6700;--color-ambar-900:#985400;--color-ambar-950:#6c3b00;--color-grey-50:#fff;--color-grey-100:#f4f4f4;--color-grey-200:#e6e6e6;--color-grey-300:#c3c3c3;--color-grey-400:#b9b9b9;--color-grey-500:#949494;--color-grey-600:#737373;--color-grey-700:#5c5c5c;--color-grey-800:#323232;--color-grey-900:#292929;--color-grey-950:#141414;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f2f4fc;--color-ciano-100:#e7ebfa;--color-ciano-200:#ccd5f4;--color-ciano-300:#adbdef;--color-ciano-400:#86a0e9;--color-ciano-500:#1769e0;--color-ciano-600:#1664d6;--color-ciano-700:#145abf;--color-ciano-800:#114ea6;--color-ciano-900:#0e3f87;--color-ciano-950:#0a2d60;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:#14141405;--color-black-opacity-100:#1414141a;--color-black-opacity-200:#14141426;--color-black-opacity-300:#14141445;--color-black-opacity-400:#1414145c;--color-black-opacity-500:#14141480;--color-black-opacity-600:#1414148c;--color-black-opacity-700:#141414a3;--color-black-opacity-800:#141414ba;--color-black-opacity-900:#141414cc;--color-black-opacity-950:#141414e8;--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#145abf;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001d5f;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#f98900;--color-surface-body:#fff;--color-surface-on-body:#f4f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6f2;--color-surface-on-body-feedback-success:#cbdacf;--color-surface-on-body-feedback-error:#eccbcb;--color-surface-on-body-feedback-alert:#f9dfcd;--color-surface-on-body-feedback-info:#ccd5f4;--color-text-primary:#323232;--color-text-secondary:#5c5c5c;--color-text-disabled:#949494;--color-text-link:#145abf;--color-states-empty-bg-hover:#1414141a;--color-states-empty-bg-pressed:#14141426;--color-states-bg-disabled:#14141405;--color-states-bg-focus:#145abf;--color-states-primary-hover:#e54e21;--color-states-primary-pressed:#cd461e;--color-states-danger-hover:#bf0505;--color-states-danger-pressed:#ab0404;--color-icon-primary:#5c5c5c;--color-icon-secondary:#fff;--color-icon-disabled:#b9b9b9;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f4f4f4;--color-neutral-neutral-3:#b9b9b9;--color-neutral-neutral-4:#949494;--color-neutral-neutral-5:#737373;--color-neutral-neutral-6:#5c5c5c;--color-neutral-neutral-7:#323232;--color-neutral-neutral-8:#292929;--color-negative-negative-1:#fff;--color-negative-negative-2:#323232;--color-opacity-body:#fffc;--color-opacity-on-body:#14141405;--color-opacity-overlay:#1414148c;--color-opacity-on-overlay:#ffffff1a;--color-line-input:#949494;--color-line-general-strong:#c3c3c3;--color-line-general:#e6e6e6;display:block}:root{--color-green-50:#f2f5f3;--color-green-100:#e7ede8;--color-green-200:#cbdacf;--color-green-300:#acc6b2;--color-green-400:#85ae8f;--color-green-500:#04843f;--color-green-600:#047e3c;--color-green-700:#037136;--color-green-800:#03622f;--color-green-900:#025026;--color-green-950:#02381b;--color-red-50:#faf2f2;--color-red-100:#f6e7e7;--color-red-200:#eccbcb;--color-red-300:#e3acac;--color-red-400:#d88585;--color-red-500:#c80505;--color-red-600:#bf0505;--color-red-700:#ab0404;--color-red-800:#940404;--color-red-900:#790303;--color-red-950:#550202;--color-yellow-50:#fdf7f2;--color-yellow-100:#fcf0e7;--color-yellow-200:#f9dfcd;--color-yellow-300:#f6ceae;--color-yellow-400:#f3ba89;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#cc8322;--color-yellow-800:#b1711e;--color-yellow-900:#905c18;--color-yellow-950:#664111;--color-orange-50:#fef3f2;--color-orange-100:#fce9e7;--color-orange-200:#fad1cc;--color-orange-300:#f7b6ae;--color-orange-400:#f0693e;--color-orange-500:#f05223;--color-orange-600:#e54e21;--color-orange-700:#cd461e;--color-orange-800:#b13d1a;--color-orange-900:#913115;--color-orange-950:#66230f;--color-blue-50:#f2f2f4;--color-blue-100:#e7e7eb;--color-blue-200:#cbccd4;--color-blue-300:#acadbb;--color-blue-400:#5959a1;--color-blue-500:#001e64;--color-blue-600:#001d5f;--color-blue-700:#001a55;--color-blue-800:#00164a;--color-blue-900:#00123c;--color-blue-950:#000d2b;--color-ambar-50:#fff6f2;--color-ambar-100:#feeee7;--color-ambar-200:#fedccb;--color-ambar-300:#fdc8ac;--color-ambar-400:#fdb285;--color-ambar-500:#f98900;--color-ambar-600:#f08500;--color-ambar-700:#d77700;--color-ambar-800:#ba6700;--color-ambar-900:#985400;--color-ambar-950:#6c3b00;--color-grey-50:#fff;--color-grey-100:#f4f4f4;--color-grey-200:#e6e6e6;--color-grey-300:#c3c3c3;--color-grey-400:#b9b9b9;--color-grey-500:#949494;--color-grey-600:#737373;--color-grey-700:#5c5c5c;--color-grey-800:#323232;--color-grey-900:#292929;--color-grey-950:#141414;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f2f4fc;--color-ciano-100:#e7ebfa;--color-ciano-200:#ccd5f4;--color-ciano-300:#adbdef;--color-ciano-400:#86a0e9;--color-ciano-500:#1769e0;--color-ciano-600:#1664d6;--color-ciano-700:#145abf;--color-ciano-800:#114ea6;--color-ciano-900:#0e3f87;--color-ciano-950:#0a2d60;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:#14141405;--color-black-opacity-100:#1414141a;--color-black-opacity-200:#14141426;--color-black-opacity-300:#14141445;--color-black-opacity-400:#1414145c;--color-black-opacity-500:#14141480;--color-black-opacity-600:#1414148c;--color-black-opacity-700:#141414a3;--color-black-opacity-800:#141414ba;--color-black-opacity-900:#141414cc;--color-black-opacity-950:#141414e8;--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#145abf;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001d5f;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#f98900;--color-surface-body:#fff;--color-surface-on-body:#f4f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6f2;--color-surface-on-body-feedback-success:#cbdacf;--color-surface-on-body-feedback-error:#eccbcb;--color-surface-on-body-feedback-alert:#f9dfcd;--color-surface-on-body-feedback-info:#ccd5f4;--color-text-primary:#323232;--color-text-secondary:#5c5c5c;--color-text-disabled:#949494;--color-text-link:#145abf;--color-states-empty-bg-hover:#1414141a;--color-states-empty-bg-pressed:#14141426;--color-states-bg-disabled:#14141405;--color-states-bg-focus:#145abf;--color-states-primary-hover:#e54e21;--color-states-primary-pressed:#cd461e;--color-states-danger-hover:#bf0505;--color-states-danger-pressed:#ab0404;--color-icon-primary:#5c5c5c;--color-icon-secondary:#fff;--color-icon-disabled:#b9b9b9;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f4f4f4;--color-neutral-neutral-3:#b9b9b9;--color-neutral-neutral-4:#949494;--color-neutral-neutral-5:#737373;--color-neutral-neutral-6:#5c5c5c;--color-neutral-neutral-7:#323232;--color-neutral-neutral-8:#292929;--color-negative-negative-1:#fff;--color-negative-negative-2:#323232;--color-opacity-body:#fffc;--color-opacity-on-body:#14141405;--color-opacity-overlay:#1414148c;--color-opacity-on-overlay:#ffffff1a;--color-line-input:#949494;--color-line-general-strong:#c3c3c3;--color-line-general:#e6e6e6}.static{position:static}.bg-brand-primary{background-color:var(--color-brand-primary)}.text-text-primary{color:var(--color-text-primary)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\\:bg-green-400:hover{background-color:var(--color-green-400)}.hover\\:text-brand-primary:hover{color:var(--color-brand-primary)}";
+const MyComponentStyle0 = myComponentCss;
+
+const MyComponent$1 = /*@__PURE__*/ proxyCustomElement(class MyComponent extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    getText() {
+        return `${this.first} ${this.last}`;
+    }
+    render() {
+        return h("div", { key: 'ad9b740aebf6817aee72958868fb0cbfe618f6bc', class: "bg-brand-primary text-text-primary hover:text-brand-primary hover:bg-green-400" }, "Hello, World! I'm ", this.getText());
+    }
+    static get style() { return MyComponentStyle0; }
+}, [1, "my-component", {
+        "first": [1],
+        "last": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["my-component"];
+    components.forEach(tagName => { switch (tagName) {
+        case "my-component":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MyComponent$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const MyComponent = MyComponent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MyComponent, defineCustomElement };
+
+//# sourceMappingURL=my-component.js.map

package/dist/components/my-component.js.map

@@ -0,0 +1 @@
+{"file":"my-component.js","mappings":";;AAAA,MAAM,cAAc,GAAG,ylaAAyla,CAAC;AACjna,0BAAe,cAAc;;MCMhBA,aAAW;;;;;;IAWd,OAAO;QACb,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;KACrC;IAED,MAAM;QACJ,OAAO,4DAAK,KAAK,EAAC,gFAAgF,0BAAoB,IAAI,CAAC,OAAO,EAAE,CAAO,CAAC;KAC7I;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["MyComponent"],"sources":["src/components/my-component/my-component.scss?tag=my-component&encapsulation=shadow","src/components/my-component/my-component.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'my-component',\n  styleUrl: 'my-component.scss',\n  shadow: true,\n})\nexport class MyComponent {\n  /**\n   * The first name\n   */\n  @Prop() first: string;\n\n  /**\n   * The last name\n   */\n  @Prop() last: string;\n\n  private getText(): string {\n    return `${this.first} ${this.last}`;\n  }\n\n  render() {\n    return <div class=\"bg-brand-primary text-text-primary hover:text-brand-primary hover:bg-green-400\">Hello, World! I'm {this.getText()}</div>;\n  }\n}\n"],"version":3}