@teranga-ds/components 0.1.0

package/dist/collection/components/tg-video-player/tg-video-player.js

@@ -0,0 +1,104 @@
+import { h, Host } from "@stencil/core";
+export class TgVideoPlayer {
+    constructor() {
+        this.src = '';
+        this.aspectRatio = '16/9';
+    }
+    render() {
+        return (h(Host, { key: '6f0dbc06a4893ff242d6fd4ed6552d4a40b6a12b' }, h("div", { key: '907de69e60c7bcf4e160098b8ab5e3618274b201', class: "tg-vp" }, this.heading && h("div", { key: 'f2209ad8ecf963eea39b108f77080d5e305b5f8c', class: "tg-vp__header" }, h("span", { key: '8156016564902a363fc2e36b3a9a36b38c32ca86', class: "tg-vp__title" }, this.heading)), h("div", { key: '0bb6a8ee43cd5df6ff8437b29b9bfb98cbd815d8', class: "tg-vp__container", style: { aspectRatio: this.aspectRatio } }, h("video", Object.assign({ key: '9e4882704f2ee94fa07eedc885f62de695fe29cd', class: "tg-vp__video", controls: true }, (this.poster ? { poster: this.poster } : {}), { preload: "metadata" }), h("source", { key: '4f239ccf6d3fb836671ac1c761b2cb6acc947bca', src: this.src }))))));
+    }
+    static get is() { return "tg-video-player"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tg-video-player.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tg-video-player.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "src": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "src",
+                "defaultValue": "''"
+            },
+            "poster": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "poster"
+            },
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading"
+            },
+            "aspectRatio": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'16/9' | '4/3' | '1/1'",
+                    "resolved": "\"1/1\" | \"16/9\" | \"4/3\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aspect-ratio",
+                "defaultValue": "'16/9'"
+            }
+        };
+    }
+}

package/dist/collection/components/tg-wizard-nav/tg-wizard-nav.css

@@ -0,0 +1,14 @@
+:host { display: block; }
+.tg-wiz { font-family: var(--tg-font-family-sans); }
+.tg-wiz__progress { height: 4px; background: var(--tg-color-surface-sunken); border-radius: var(--tg-radius-full); margin-bottom: var(--tg-spacing-3); overflow: hidden; }
+.tg-wiz__bar { height: 100%; background: var(--tg-color-primary); border-radius: var(--tg-radius-full); transition: width var(--tg-duration-normal) var(--tg-ease-out); }
+.tg-wiz__actions { display: flex; align-items: center; justify-content: space-between; }
+.tg-wiz__btn { display: inline-flex; align-items: center; gap: var(--tg-spacing-1); padding: var(--tg-spacing-2) var(--tg-spacing-4); border-radius: var(--tg-radius-lg); font-size: var(--tg-font-size-sm); font-weight: var(--tg-font-weight-medium); cursor: pointer; transition: all var(--tg-duration-fast); border: 1px solid transparent; }
+.tg-wiz__btn--back { background: none; color: var(--tg-color-text-secondary); border-color: var(--tg-color-border); }
+.tg-wiz__btn--back:hover:not(:disabled) { background: var(--tg-color-surface-sunken); }
+.tg-wiz__btn--back:disabled { opacity: 0.4; cursor: not-allowed; }
+.tg-wiz__btn--next { background: var(--tg-color-primary); color: var(--tg-color-primary-on); }
+.tg-wiz__btn--next:hover { filter: brightness(1.1); }
+.tg-wiz__btn--finish { background: var(--tg-color-success); color: white; }
+.tg-wiz__btn--finish:hover { filter: brightness(1.1); }
+.tg-wiz__step { font-size: var(--tg-font-size-xs); color: var(--tg-color-text-secondary); }

package/dist/collection/components/tg-wizard-nav/tg-wizard-nav.js

@@ -0,0 +1,202 @@
+import { h, Host } from "@stencil/core";
+export class TgWizardNav {
+    constructor() {
+        this.currentStep = 0;
+        this.totalSteps = 1;
+        this.backLabel = 'Pr\u00e9c\u00e9dent';
+        this.nextLabel = 'Suivant';
+        this.finishLabel = 'Terminer';
+        this.showProgress = true;
+    }
+    get isLast() { return this.currentStep >= this.totalSteps - 1; }
+    get progress() { return ((this.currentStep + 1) / this.totalSteps) * 100; }
+    render() {
+        return (h(Host, { key: 'edb5f78e83c1dab9e34200063b803b7842cce693' }, h("div", { key: '030c10b44b1e92ee8e45d41851fd7853f9175ff8', class: "tg-wiz" }, this.showProgress && (h("div", { key: '0315eddfb2be048a582b3e16499c725978c1742a', class: "tg-wiz__progress" }, h("div", { key: 'e8949eed4cd964dcab17835a37689dd3d63bb846', class: "tg-wiz__bar", style: { width: this.progress + '%' } }))), h("div", { key: '10eec94b68f18850d33c4e5642f57f1b5360875f', class: "tg-wiz__actions" }, h("button", { key: '31323728f528247c336b8a9bc066c9690179e586', class: "tg-wiz__btn tg-wiz__btn--back", type: "button", disabled: this.currentStep === 0, onClick: () => this.tgBack.emit() }, "\\u2039 ", this.backLabel), h("span", { key: 'e397620856c90eaa0ebe614be777a7c37621e171', class: "tg-wiz__step" }, "\\u00c9tape ", this.currentStep + 1, " / ", this.totalSteps), this.isLast
+            ? h("button", { class: "tg-wiz__btn tg-wiz__btn--finish", type: "button", onClick: () => this.tgFinish.emit() }, this.finishLabel)
+            : h("button", { class: "tg-wiz__btn tg-wiz__btn--next", type: "button", onClick: () => this.tgNext.emit() }, this.nextLabel, " \\u203a")))));
+    }
+    static get is() { return "tg-wizard-nav"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tg-wizard-nav.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tg-wizard-nav.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "currentStep": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "current-step",
+                "defaultValue": "0"
+            },
+            "totalSteps": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "total-steps",
+                "defaultValue": "1"
+            },
+            "backLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "back-label",
+                "defaultValue": "'Pr\\u00e9c\\u00e9dent'"
+            },
+            "nextLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "next-label",
+                "defaultValue": "'Suivant'"
+            },
+            "finishLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "finish-label",
+                "defaultValue": "'Terminer'"
+            },
+            "showProgress": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-progress",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "tgBack",
+                "name": "tgBack",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "tgNext",
+                "name": "tgNext",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "tgFinish",
+                "name": "tgFinish",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/teranga-tokens.css

@@ -0,0 +1,189 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --tgColorGreen50: #e6f4ec;
+  --tgColorGreen100: #b3ddc5;
+  --tgColorGreen200: #80c69e;
+  --tgColorGreen300: #4daf77;
+  --tgColorGreen400: #26a05a;
+  --tgColorGreen500: #00853f; /** Senegalese flag green — primary brand color */
+  --tgColorGreen600: #007838;
+  --tgColorGreen700: #006530;
+  --tgColorGreen800: #005228;
+  --tgColorGreen900: #003d1e;
+  --tgColorGold50: #fffde6;
+  --tgColorGold100: #fff8b3;
+  --tgColorGold200: #fff180;
+  --tgColorGold300: #ffea4d;
+  --tgColorGold400: #ffe51f;
+  --tgColorGold500: #fdef42; /** Senegalese flag gold/yellow */
+  --tgColorGold600: #e8d800;
+  --tgColorGold700: #c9bb00;
+  --tgColorGold800: #a89d00;
+  --tgColorGold900: #7a7200;
+  --tgColorRed50: #fce8e9;
+  --tgColorRed100: #f5b8bb;
+  --tgColorRed200: #ee888d;
+  --tgColorRed300: #e7585f;
+  --tgColorRed400: #e33039;
+  --tgColorRed500: #e31b23; /** Senegalese flag red — danger/error color */
+  --tgColorRed600: #cc181f;
+  --tgColorRed700: #b0141b;
+  --tgColorRed800: #941116;
+  --tgColorRed900: #6e0d11;
+  --tgColorNeutral0: #ffffff;
+  --tgColorNeutral50: #f8f8f6;
+  --tgColorNeutral100: #f0f0ec;
+  --tgColorNeutral200: #e0e0d8;
+  --tgColorNeutral300: #c8c8be;
+  --tgColorNeutral400: #a8a89a;
+  --tgColorNeutral500: #888878;
+  --tgColorNeutral600: #686858;
+  --tgColorNeutral700: #4a4a3c;
+  --tgColorNeutral800: #302e24;
+  --tgColorNeutral900: #1a1812;
+  --tgColorNeutral1000: #000000;
+  --tgColorSemanticSuccessDefault: #1a7f37;
+  --tgColorSemanticSuccessSubtle: #dafbe1;
+  --tgColorSemanticWarningDefault: #bf8700;
+  --tgColorSemanticWarningSubtle: #fff8c5;
+  --tgColorSemanticInfoDefault: #0969da;
+  --tgColorSemanticInfoSubtle: #ddf4ff;
+  --tgMotionDurationInstant: 50ms; /** Instant micro-feedback */
+  --tgMotionDurationFast: 100ms; /** Button press, toggle */
+  --tgMotionDurationNormal: 200ms; /** Default transitions */
+  --tgMotionDurationSlow: 300ms; /** Modals, drawers */
+  --tgMotionDurationSlower: 500ms; /** Page transitions */
+  --tgMotionEasingDefault: cubic-bezier(0.4, 0, 0.2, 1); /** General purpose */
+  --tgMotionEasingIn: cubic-bezier(0.4, 0, 1, 1); /** Entering viewport */
+  --tgMotionEasingOut: cubic-bezier(0, 0, 0.2, 1); /** Leaving viewport */
+  --tgMotionEasingBounce: cubic-bezier(0.34, 1.56, 0.64, 1); /** Playful overshoot */
+  --tgMotionEasingSpring: cubic-bezier(0.175, 0.885, 0.32, 1.275); /** Elastic snap */
+  --tgBorderRadiusNone: 0;
+  --tgBorderRadiusSm: 0.125rem; /** 2px */
+  --tgBorderRadiusMd: 0.375rem; /** 6px */
+  --tgBorderRadiusLg: 0.5rem; /** 8px */
+  --tgBorderRadiusXl: 0.75rem; /** 12px */
+  --tgBorderRadius2xl: 1rem; /** 16px */
+  --tgBorderRadius3xl: 1.5rem; /** 24px */
+  --tgBorderRadiusFull: 9999px;
+  --tgBorderWidth0: 0;
+  --tgBorderWidth1: 1px;
+  --tgBorderWidth2: 2px;
+  --tgBorderWidth4: 4px;
+  --tgShadowXs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --tgShadowSm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+  --tgShadowMd: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --tgShadowLg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --tgShadowXl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --tgShadow2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --tgShadowNone: 0 0 #0000;
+  --tgZIndexHide: -1;
+  --tgZIndexAuto: auto;
+  --tgZIndexBase: 0;
+  --tgZIndexDocked: 10;
+  --tgZIndexDropdown: 1000;
+  --tgZIndexSticky: 1100;
+  --tgZIndexOverlay: 1200;
+  --tgZIndexModal: 1300;
+  --tgZIndexPopover: 1400;
+  --tgZIndexToast: 1500;
+  --tgZIndexTooltip: 1600;
+  --tgSpacing0: 0;
+  --tgSpacing1: 0.25rem; /** 4px */
+  --tgSpacing2: 0.5rem; /** 8px */
+  --tgSpacing3: 0.75rem; /** 12px */
+  --tgSpacing4: 1rem; /** 16px */
+  --tgSpacing5: 1.25rem; /** 20px */
+  --tgSpacing6: 1.5rem; /** 24px */
+  --tgSpacing7: 1.75rem; /** 28px */
+  --tgSpacing8: 2rem; /** 32px */
+  --tgSpacing9: 2.25rem; /** 36px */
+  --tgSpacing10: 2.5rem; /** 40px */
+  --tgSpacing12: 3rem; /** 48px */
+  --tgSpacing14: 3.5rem; /** 56px */
+  --tgSpacing16: 4rem; /** 64px */
+  --tgSpacing20: 5rem; /** 80px */
+  --tgSpacing24: 6rem; /** 96px */
+  --tgSpacing28: 7rem; /** 112px */
+  --tgSpacing32: 8rem; /** 128px */
+  --tgSpacing36: 9rem; /** 144px */
+  --tgSpacing40: 10rem; /** 160px */
+  --tgSpacing48: 12rem; /** 192px */
+  --tgSpacing56: 14rem; /** 224px */
+  --tgSpacing64: 16rem; /** 256px */
+  --tgSpacingPx: 1px;
+  --tgSpacing05: 0.125rem; /** 2px */
+  --tgSpacing15: 0.375rem; /** 6px */
+  --tgSpacing25: 0.625rem; /** 10px */
+  --tgSpacing35: 0.875rem; /** 14px */
+  --tgBreakpointSm: 640px;
+  --tgBreakpointMd: 768px;
+  --tgBreakpointLg: 1024px;
+  --tgBreakpointXl: 1280px;
+  --tgBreakpoint2xl: 1536px;
+  --tgFontFamilySans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
+  --tgFontFamilySerif: 'Georgia', 'Times New Roman', serif;
+  --tgFontFamilyMono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
+  --tgFontSize2xs: 0.625rem; /** 10px */
+  --tgFontSizeXs: 0.75rem; /** 12px */
+  --tgFontSizeSm: 0.875rem; /** 14px */
+  --tgFontSizeMd: 1rem; /** 16px — base */
+  --tgFontSizeLg: 1.125rem; /** 18px */
+  --tgFontSizeXl: 1.25rem; /** 20px */
+  --tgFontSize2xl: 1.5rem; /** 24px */
+  --tgFontSize3xl: 1.875rem; /** 30px */
+  --tgFontSize4xl: 2.25rem; /** 36px */
+  --tgFontSize5xl: 3rem; /** 48px */
+  --tgFontSize6xl: 3.75rem; /** 60px */
+  --tgFontWeightRegular: 400;
+  --tgFontWeightMedium: 500;
+  --tgFontWeightSemibold: 600;
+  --tgFontWeightBold: 700;
+  --tgFontWeightExtrabold: 800;
+  --tgFontLineHeightTight: 1.25;
+  --tgFontLineHeightSnug: 1.375;
+  --tgFontLineHeightNormal: 1.5;
+  --tgFontLineHeightRelaxed: 1.625;
+  --tgFontLineHeightLoose: 2;
+  --tgFontLetterSpacingTighter: -0.05em;
+  --tgFontLetterSpacingTight: -0.025em;
+  --tgFontLetterSpacingNormal: 0em;
+  --tgFontLetterSpacingWide: 0.025em;
+  --tgFontLetterSpacingWider: 0.05em;
+  --tgFontLetterSpacingWidest: 0.1em;
+  --tgColorSemanticPrimaryDefault: var(--tgColorGreen500);
+  --tgColorSemanticPrimaryHover: var(--tgColorGreen600);
+  --tgColorSemanticPrimaryActive: var(--tgColorGreen700);
+  --tgColorSemanticPrimarySubtle: var(--tgColorGreen50);
+  --tgColorSemanticPrimaryMuted: var(--tgColorGreen100);
+  --tgColorSemanticPrimaryOn: var(--tgColorNeutral0); /** Text/icon color on primary background */
+  --tgColorSemanticSecondaryDefault: var(--tgColorGold500);
+  --tgColorSemanticSecondaryHover: var(--tgColorGold600);
+  --tgColorSemanticSecondaryActive: var(--tgColorGold700);
+  --tgColorSemanticSecondarySubtle: var(--tgColorGold50);
+  --tgColorSemanticSecondaryMuted: var(--tgColorGold100);
+  --tgColorSemanticSecondaryOn: var(--tgColorNeutral900);
+  --tgColorSemanticDangerDefault: var(--tgColorRed500);
+  --tgColorSemanticDangerHover: var(--tgColorRed600);
+  --tgColorSemanticDangerActive: var(--tgColorRed700);
+  --tgColorSemanticDangerSubtle: var(--tgColorRed50);
+  --tgColorSemanticDangerMuted: var(--tgColorRed100);
+  --tgColorSemanticDangerOn: var(--tgColorNeutral0);
+  --tgColorSemanticSuccessOn: var(--tgColorNeutral0);
+  --tgColorSemanticWarningOn: var(--tgColorNeutral900);
+  --tgColorSemanticInfoOn: var(--tgColorNeutral0);
+  --tgColorSemanticSurfacePage: var(--tgColorNeutral0);
+  --tgColorSemanticSurfaceRaised: var(--tgColorNeutral0);
+  --tgColorSemanticSurfaceOverlay: var(--tgColorNeutral0);
+  --tgColorSemanticSurfaceSunken: var(--tgColorNeutral50);
+  --tgColorSemanticTextPrimary: var(--tgColorNeutral900);
+  --tgColorSemanticTextSecondary: var(--tgColorNeutral600);
+  --tgColorSemanticTextDisabled: var(--tgColorNeutral400);
+  --tgColorSemanticTextInverse: var(--tgColorNeutral0);
+  --tgColorSemanticBorderDefault: var(--tgColorNeutral200);
+  --tgColorSemanticBorderStrong: var(--tgColorNeutral400);
+  --tgColorSemanticBorderFocus: var(--tgColorGreen500);
+}

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 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;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+const t=":root{--tg-color-green-50:#e8f5ed;--tg-color-green-100:#b8e2c8;--tg-color-green-200:#88cfa3;--tg-color-green-300:#58bc7e;--tg-color-green-400:#2eaa60;--tg-color-green-500:#00853F;--tg-color-green-600:#007538;--tg-color-green-700:#006230;--tg-color-green-800:#004f27;--tg-color-green-900:#003a1c;--tg-color-gold-50:#fff9e0;--tg-color-gold-100:#ffefad;--tg-color-gold-200:#ffe57a;--tg-color-gold-300:#ffdb47;--tg-color-gold-400:#ffd31f;--tg-color-gold-500:#FDEF42;--tg-color-gold-600:#e8c800;--tg-color-gold-700:#c9a900;--tg-color-gold-800:#a88d00;--tg-color-gold-900:#7a6600;--tg-color-red-50:#fde8e9;--tg-color-red-100:#f9bcbe;--tg-color-red-200:#f49093;--tg-color-red-300:#ef6468;--tg-color-red-400:#eb3e43;--tg-color-red-500:#E31B23;--tg-color-red-600:#cc181f;--tg-color-red-700:#b0141b;--tg-color-red-800:#941116;--tg-color-red-900:#6e0d11;--tg-color-terracotta-50:#fdf0eb;--tg-color-terracotta-100:#f8d4c4;--tg-color-terracotta-200:#f2b89d;--tg-color-terracotta-300:#ec9c76;--tg-color-terracotta-400:#e68550;--tg-color-terracotta-500:#C2703A;--tg-color-terracotta-600:#A8602F;--tg-color-terracotta-700:#8E4F24;--tg-color-terracotta-800:#733F1A;--tg-color-terracotta-900:#4D2A11;--tg-color-baobab-50:#f5f0ea;--tg-color-baobab-100:#e2d5c4;--tg-color-baobab-200:#cfba9e;--tg-color-baobab-300:#bc9f78;--tg-color-baobab-400:#a98a5c;--tg-color-baobab-500:#8B7044;--tg-color-baobab-600:#76603A;--tg-color-baobab-700:#614F30;--tg-color-baobab-800:#4C3E26;--tg-color-baobab-900:#362C1B;--tg-color-neutral-0:#ffffff;--tg-color-neutral-50:#faf8f5;--tg-color-neutral-100:#f3f0ea;--tg-color-neutral-200:#e6e0d6;--tg-color-neutral-300:#d1c9bb;--tg-color-neutral-400:#b3a998;--tg-color-neutral-500:#928674;--tg-color-neutral-600:#6e6354;--tg-color-neutral-700:#4f4639;--tg-color-neutral-800:#342e24;--tg-color-neutral-900:#1e1a14;--tg-color-neutral-1000:#000000;--tg-color-primary:var(--tg-color-green-500);--tg-color-primary-hover:var(--tg-color-green-600);--tg-color-primary-active:var(--tg-color-green-700);--tg-color-primary-subtle:var(--tg-color-green-50);--tg-color-primary-muted:var(--tg-color-green-100);--tg-color-primary-on:var(--tg-color-neutral-0);--tg-color-secondary:var(--tg-color-gold-600);--tg-color-secondary-hover:var(--tg-color-gold-700);--tg-color-secondary-active:var(--tg-color-gold-800);--tg-color-secondary-subtle:var(--tg-color-gold-50);--tg-color-secondary-muted:var(--tg-color-gold-100);--tg-color-secondary-on:var(--tg-color-neutral-900);--tg-color-danger:var(--tg-color-red-500);--tg-color-danger-hover:var(--tg-color-red-600);--tg-color-danger-active:var(--tg-color-red-700);--tg-color-danger-subtle:var(--tg-color-red-50);--tg-color-danger-muted:var(--tg-color-red-100);--tg-color-danger-on:var(--tg-color-neutral-0);--tg-color-accent:var(--tg-color-terracotta-500);--tg-color-accent-hover:var(--tg-color-terracotta-600);--tg-color-accent-active:var(--tg-color-terracotta-700);--tg-color-accent-subtle:var(--tg-color-terracotta-50);--tg-color-accent-muted:var(--tg-color-terracotta-100);--tg-color-accent-on:var(--tg-color-neutral-0);--tg-color-success:#1a7f37;--tg-color-success-subtle:#dafbe1;--tg-color-success-on:var(--tg-color-neutral-0);--tg-color-warning:#bf8700;--tg-color-warning-subtle:#fff8c5;--tg-color-warning-on:var(--tg-color-neutral-900);--tg-color-info:#0969da;--tg-color-info-subtle:#ddf4ff;--tg-color-info-on:var(--tg-color-neutral-0);--tg-color-surface-page:var(--tg-color-neutral-0);--tg-color-surface-raised:var(--tg-color-neutral-0);--tg-color-surface-sunken:var(--tg-color-neutral-50);--tg-color-surface-overlay:var(--tg-color-neutral-0);--tg-color-text-primary:var(--tg-color-neutral-900);--tg-color-text-secondary:var(--tg-color-neutral-600);--tg-color-text-disabled:var(--tg-color-neutral-400);--tg-color-text-inverse:var(--tg-color-neutral-0);--tg-color-border:var(--tg-color-neutral-200);--tg-color-border-strong:var(--tg-color-neutral-400);--tg-color-border-focus:var(--tg-color-green-500);--tg-font-family-sans:'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;--tg-font-family-display:'DM Serif Display', 'Georgia', serif;--tg-font-family-serif:'Lora', 'Georgia', 'Times New Roman', serif;--tg-font-family-mono:'JetBrains Mono', 'Fira Code', 'Consolas', monospace;--tg-font-size-2xs:0.625rem;--tg-font-size-xs:0.75rem;--tg-font-size-sm:0.875rem;--tg-font-size-md:1rem;--tg-font-size-lg:1.125rem;--tg-font-size-xl:1.25rem;--tg-font-size-2xl:1.5rem;--tg-font-size-3xl:1.875rem;--tg-font-size-4xl:2.25rem;--tg-font-size-5xl:3rem;--tg-font-size-6xl:3.75rem;--tg-font-weight-regular:400;--tg-font-weight-medium:500;--tg-font-weight-semibold:600;--tg-font-weight-bold:700;--tg-font-weight-extrabold:800;--tg-line-height-tight:1.25;--tg-line-height-snug:1.375;--tg-line-height-normal:1.5;--tg-line-height-relaxed:1.625;--tg-line-height-loose:2;--tg-spacing-0:0;--tg-spacing-px:1px;--tg-spacing-0-5:0.125rem;--tg-spacing-1:0.25rem;--tg-spacing-1-5:0.375rem;--tg-spacing-2:0.5rem;--tg-spacing-2-5:0.625rem;--tg-spacing-3:0.75rem;--tg-spacing-3-5:0.875rem;--tg-spacing-4:1rem;--tg-spacing-5:1.25rem;--tg-spacing-6:1.5rem;--tg-spacing-8:2rem;--tg-spacing-10:2.5rem;--tg-spacing-12:3rem;--tg-spacing-16:4rem;--tg-spacing-20:5rem;--tg-spacing-24:6rem;--tg-radius-none:0;--tg-radius-sm:0.25rem;--tg-radius-md:0.5rem;--tg-radius-lg:0.625rem;--tg-radius-xl:0.875rem;--tg-radius-2xl:1.125rem;--tg-radius-3xl:1.5rem;--tg-radius-full:9999px;--tg-shadow-xs:0 1px 2px 0 rgba(30, 26, 20, 0.06);--tg-shadow-sm:0 1px 3px 0 rgba(30, 26, 20, 0.08), 0 1px 2px -1px rgba(30, 26, 20, 0.06);--tg-shadow-md:0 4px 6px -1px rgba(30, 26, 20, 0.08), 0 2px 4px -2px rgba(30, 26, 20, 0.06);--tg-shadow-lg:0 10px 15px -3px rgba(30, 26, 20, 0.1), 0 4px 6px -4px rgba(30, 26, 20, 0.08);--tg-shadow-xl:0 20px 25px -5px rgba(30, 26, 20, 0.12), 0 8px 10px -6px rgba(30, 26, 20, 0.08);--tg-shadow-primary:0 4px 14px -3px rgba(0, 133, 63, 0.35);--tg-shadow-secondary:0 4px 14px -3px rgba(200, 170, 0, 0.3);--tg-shadow-danger:0 4px 14px -3px rgba(227, 27, 35, 0.3);--tg-shadow-accent:0 4px 14px -3px rgba(194, 112, 58, 0.3);--tg-gradient-flag:linear-gradient(135deg, var(--tg-color-green-500), var(--tg-color-gold-600), var(--tg-color-red-500));--tg-gradient-sahel:linear-gradient(135deg, #C2703A, #e8c800, #a88d00);--tg-gradient-savanna:linear-gradient(180deg, var(--tg-color-gold-50), var(--tg-color-terracotta-50));--tg-gradient-baobab:linear-gradient(135deg, var(--tg-color-baobab-500), var(--tg-color-green-700));--tg-gradient-sunset:linear-gradient(135deg, var(--tg-color-red-400), var(--tg-color-gold-500), var(--tg-color-terracotta-400));--tg-gradient-ocean:linear-gradient(135deg, #0a6e5c, #0969da);--tg-duration-fast:100ms;--tg-duration-normal:200ms;--tg-duration-slow:300ms;--tg-duration-slower:500ms;--tg-ease-default:cubic-bezier(0.4, 0, 0.2, 1);--tg-ease-in:cubic-bezier(0.4, 0, 1, 1);--tg-ease-out:cubic-bezier(0, 0, 0.2, 1);--tg-ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);--tg-ease-spring:cubic-bezier(0.175, 0.885, 0.32, 1.275);--tg-focus-ring:0 0 0 3px rgba(0, 133, 63, 0.35);--tg-focus-ring-danger:0 0 0 3px rgba(227, 27, 35, 0.25);--tg-focus-ring-info:0 0 0 3px rgba(9, 105, 218, 0.25);--tg-focus-ring-accent:0 0 0 3px rgba(194, 112, 58, 0.3);--tg-transition-colors:color, background-color, border-color, fill, stroke;--tg-transition-all:color, background-color, border-color, box-shadow, transform, opacity;--tg-tracking-tighter:-0.02em;--tg-tracking-tight:-0.01em;--tg-tracking-normal:0;--tg-tracking-wide:0.02em;--tg-tracking-wider:0.05em;--tg-tracking-widest:0.1em}[data-theme=\"dark\"],:root.tg-dark{--tg-color-surface-page:#12100c;--tg-color-surface-raised:#1c1914;--tg-color-surface-sunken:#0a0907;--tg-color-surface-overlay:#241f18;--tg-color-text-primary:#f3f0ea;--tg-color-text-secondary:#a89a86;--tg-color-text-disabled:#5c5347;--tg-color-text-inverse:#12100c;--tg-color-border:#342e24;--tg-color-border-strong:#6e6354;--tg-color-border-focus:#2eaa60;--tg-color-primary:#2eaa60;--tg-color-primary-hover:#3fbf70;--tg-color-primary-active:#238a4c;--tg-color-primary-subtle:#0d1f14;--tg-color-primary-muted:#14291c;--tg-color-primary-on:#ffffff;--tg-color-secondary:#e8c800;--tg-color-secondary-hover:#ffd31f;--tg-color-secondary-active:#c9a900;--tg-color-secondary-subtle:#1b1500;--tg-color-secondary-muted:#2c2100;--tg-color-secondary-on:#12100c;--tg-color-danger:#f85149;--tg-color-danger-hover:#da3633;--tg-color-danger-active:#b62324;--tg-color-danger-subtle:#1f0c0c;--tg-color-danger-muted:#310c0c;--tg-color-danger-on:#ffffff;--tg-color-accent:#e68550;--tg-color-accent-hover:#ec9c76;--tg-color-accent-active:#C2703A;--tg-color-accent-subtle:#1f150d;--tg-color-accent-muted:#2e1e13;--tg-color-accent-on:#ffffff;--tg-color-success:#3fb950;--tg-color-success-subtle:#0d1f0d;--tg-color-success-on:#ffffff;--tg-color-warning:#d29922;--tg-color-warning-subtle:#1b1500;--tg-color-warning-on:#12100c;--tg-color-info:#58a6ff;--tg-color-info-subtle:#0d1f3d;--tg-color-info-on:#12100c;--tg-shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.3);--tg-shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.4);--tg-shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.4);--tg-shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4);--tg-shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4);--tg-focus-ring:0 0 0 3px rgba(46, 170, 96, 0.4)}*,*::before,*::after{box-sizing:border-box}";function o(t,o,r){const e="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==e;){const e=Object.getOwnPropertyDescriptor(t,o);if(e&&(!r||e.get))return e;t=Object.getPrototypeOf(t)}}var r,e=(t,r)=>{var e;Object.entries(null!=(e=r.o.t)?e:{}).map((([e,[l]])=>{if(31&l||32&l){const l=t[e],n=o(Object.getPrototypeOf(t),e,!0)||Object.getOwnPropertyDescriptor(t,e);n&&Object.defineProperty(t,e,{get(){return n.get.call(this)},set(t){n.set.call(this,t)},configurable:!0,enumerable:!0}),r.l.has(e)?t[e]=r.l.get(e):void 0!==l&&(t[e]=l)}}))},l=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},n=(t,o)=>o in t,c=(t,o)=>(0,console.error)(t,o),a=new Map,g="http://www.w3.org/1999/xlink",s="undefined"!=typeof window?window:{},i=s.HTMLElement||class{},f={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,o,r,e)=>t.addEventListener(o,r,e),rel:(t,o,r,e)=>t.removeEventListener(o,r,e),ce:(t,o)=>new CustomEvent(t,o)},u=(()=>{try{return!!s.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),d=!!u&&(()=>!!s.document&&Object.getOwnPropertyDescriptor(s.document.adoptedStyleSheets,"length").writable)(),p=!1,b=[],m=[],v=(t,o)=>r=>{t.push(r),p||(p=!0,o&&4&f.i?y(x):f.raf(x))},h=t=>{for(let o=0;o<t.length;o++)try{t[o](performance.now())}catch(t){c(t)}t.length=0},x=()=>{h(b),h(m),(p=b.length>0)&&f.raf(x)},y=t=>Promise.resolve(void 0).then(t),w=v(m,!0),$=t=>{const o=new URL(t,f.u);return o.origin!==s.location.origin?o.href:o.pathname},j=t=>f.u=t;function k(){var o;const e=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(o=function(t){if(!u)return;const o=new CSSStyleSheet;return o.replaceSync(t),o}(t))?o:null),r)d?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r];else if(!u){const o=document.createElement("style");o.innerHTML=t,e.prepend(o)}}var O,S=new WeakMap,z=t=>"sc-"+t.p,C=t=>"object"==(t=typeof t)||"function"===t,E=(t,o,...r)=>{let e=null,l=null,n=!1,c=!1;const a=[],g=o=>{for(let r=0;r<o.length;r++)e=o[r],Array.isArray(e)?g(e):null!=e&&"boolean"!=typeof e&&((n="function"!=typeof t&&!C(e))&&(e+=""),n&&c?a[a.length-1].m+=e:a.push(n?A(null,e):e),c=n)};if(g(r),o){o.key&&(l=o.key);{const t=o.className||o.class;t&&(o.class="object"!=typeof t?t:Object.keys(t).filter((o=>t[o])).join(" "))}}if("function"==typeof t)return t(null===o?{}:o,a,F);const s=A(t,null);return s.v=o,a.length>0&&(s.h=a),s.$=l,s},A=(t,o)=>({i:0,j:t,m:null!=o?o:null,k:null,h:null,v:null,$:null}),M={},F={forEach:(t,o)=>t.map(D).forEach(o),map:(t,o)=>t.map(D).map(o).map(L)},D=t=>({vattrs:t.v,vchildren:t.h,vkey:t.$,vname:t.O,vtag:t.j,vtext:t.m}),L=t=>{if("function"==typeof t.vtag){const o={...t.vattrs};return t.vkey&&(o.key=t.vkey),t.vname&&(o.name=t.vname),E(t.vtag,o,...t.vchildren||[])}const o=A(t.vtag,t.vtext);return o.v=t.vattrs,o.h=t.vchildren,o.$=t.vkey,o.O=t.vname,o},N=(t,o)=>null==t||C(t)?t:4&o?"false"!==t&&(""===t||!!t):2&o?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&o?t+"":t,P=(t,o)=>{const r=t;return{emit:t=>R(r,o,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},R=(t,o,r)=>{const e=f.ce(o,r);return t.dispatchEvent(e),e},_=(t,o,r,e,c,a)=>{if(r===e)return;let i=n(t,o),u=o.toLowerCase();if("class"===o){const o=t.classList,l=U(r);let n=U(e);o.remove(...l.filter((t=>t&&!n.includes(t)))),o.add(...n.filter((t=>t&&!l.includes(t))))}else if("style"===o){for(const o in r)e&&null!=e[o]||(o.includes("-")?t.style.removeProperty(o):t.style[o]="");for(const o in e)r&&e[o]===r[o]||(o.includes("-")?t.style.setProperty(o,e[o]):t.style[o]=e[o])}else if("key"===o);else if("ref"===o)e&&ot(e,t);else if(t.__lookupSetter__(o)||"o"!==o[0]||"n"!==o[1]){if("a"===o[0]&&o.startsWith("attr:")){const r=o.slice(5);let n;{const o=l(t);if(o&&o.o&&o.o.t){const t=o.o.t[r];t&&t[1]&&(n=t[1])}}return n||(n=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==e||!1===e?!1===e&&""!==t.getAttribute(n)||t.removeAttribute(n):t.setAttribute(n,!0===e?"":e))}if("p"===o[0]&&o.startsWith("prop:")){const r=o.slice(5);try{t[r]=e}catch(t){}return}{const l=C(e);if((i||l&&null!==e)&&!c)try{if(t.tagName.includes("-"))t[o]!==e&&(t[o]=e);else{const l=null==e?"":e;"list"===o?i=!1:null!=r&&t[o]===l||("function"==typeof t.__lookupSetter__(o)?t[o]=l:t.setAttribute(o,l))}}catch(t){}let n=!1;u!==(u=u.replace(/^xlink\:?/,""))&&(o=u,n=!0),null==e||!1===e?!1===e&&""!==t.getAttribute(o)||(n?t.removeAttributeNS(g,o):t.removeAttribute(o)):(!i||4&a||c)&&!l&&1===t.nodeType&&(e=!0===e?"":e,n?t.setAttributeNS(g,o,e):t.setAttribute(o,e))}}else if(o="-"===o[2]?o.slice(3):n(s,u)?u.slice(2):u[2]+o.slice(3),r||e){const l=o.endsWith(B);o=o.replace(W,""),r&&f.rel(t,o,r,l),e&&f.ael(t,o,e,l)}},H=/\s/,U=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(H):[]),B="Capture",W=RegExp(B+"$"),T=(t,o,r)=>{const e=11===o.k.nodeType&&o.k.host?o.k.host:o.k,l=t&&t.v||{},n=o.v||{};for(const t of V(Object.keys(l)))t in n||_(e,t,l[t],void 0,r,o.i);for(const t of V(Object.keys(n)))_(e,t,l[t],n[t],r,o.i)};function V(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var q=!1,G=!1,J=[],I=[],Y=(t,o,r)=>{const e=o.h[r];let l,n,c=0;if(null!=e.m)l=e.k=s.document.createTextNode(e.m);else{if(G||(G="svg"===e.j),!s.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=e.k=s.document.createElementNS(G?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",e.j),G&&"foreignObject"===e.j&&(G=!1),T(null,e,G),e.h){const o="template"===e.j?l.content:l;for(c=0;c<e.h.length;++c)n=Y(t,e,c),n&&o.appendChild(n)}"svg"===e.j?G=!1:"foreignObject"===l.tagName&&(G=!0)}return l["s-hn"]=O,l},Z=(t,o,r,e,l,n)=>{let c,a=t;for(a.shadowRoot&&a.tagName===O&&(a=a.shadowRoot),"template"===r.j&&(a=a.content);l<=n;++l)e[l]&&(c=Y(null,r,l),c&&(e[l].k=c,rt(a,c,o)))},K=(t,o,r)=>{for(let e=o;e<=r;++e){const o=t[e];if(o){const t=o.k;tt(o),t&&t.remove()}}},Q=(t,o,r=!1)=>t.j===o.j&&(r?(r&&!t.$&&o.$&&(t.$=o.$),!0):t.$===o.$),X=(t,o,r=!1)=>{const e=o.k=t.k,l=t.h,n=o.h,c=o.j,a=o.m;null==a?(G="svg"===c||"foreignObject"!==c&&G,"slot"!==c||q||t.O!==o.O&&(o.k["s-sn"]=o.O||"",(t=>{f.i|=1;const o=t.closest(O.toLowerCase());if(null!=o){const r=Array.from(o.__childNodes||o.childNodes).find((t=>t["s-cr"])),e=Array.from(t.__childNodes||t.childNodes);for(const t of r?e.reverse():e)null!=t["s-sh"]&&(rt(o,t,null!=r?r:null),t["s-sh"]=void 0)}f.i&=-2})(o.k.parentElement)),T(t,o,G),null!==l&&null!==n?((t,o,r,e,l=!1)=>{let n,c,a=0,g=0,s=0,i=0,f=o.length-1,u=o[0],d=o[f],p=e.length-1,b=e[0],m=e[p];const v="template"===r.j?t.content:t;for(;a<=f&&g<=p;)if(null==u)u=o[++a];else if(null==d)d=o[--f];else if(null==b)b=e[++g];else if(null==m)m=e[--p];else if(Q(u,b,l))X(u,b,l),u=o[++a],b=e[++g];else if(Q(d,m,l))X(d,m,l),d=o[--f],m=e[--p];else if(Q(u,m,l))X(u,m,l),rt(v,u.k,d.k.nextSibling),u=o[++a],m=e[--p];else if(Q(d,b,l))X(d,b,l),rt(v,d.k,u.k),d=o[--f],b=e[++g];else{for(s=-1,i=a;i<=f;++i)if(o[i]&&null!==o[i].$&&o[i].$===b.$){s=i;break}s>=0?(c=o[s],c.j!==b.j?n=Y(o&&o[g],r,s):(X(c,b,l),o[s]=void 0,n=c.k),b=e[++g]):(n=Y(o&&o[g],r,g),b=e[++g]),n&&rt(u.k.parentNode,n,u.k)}a>f?Z(t,null==e[p+1]?null:e[p+1].k,r,e,g,p):g>p&&K(o,a,f)})(e,l,o,n,r):null!==n?(null!==t.m&&(e.textContent=""),Z(e,null,o,n,0,n.length-1)):!r&&null!==l&&K(l,0,l.length-1),G&&"svg"===c&&(G=!1)):t.m!==a&&(e.data=a)},tt=t=>{t.v&&t.v.ref&&J.push((()=>t.v.ref(null))),t.h&&t.h.map(tt)},ot=(t,o)=>{I.push((()=>t(o)))},rt=(t,o,r)=>t.__insertBefore?t.__insertBefore(o,r):null==t?void 0:t.insertBefore(o,r),et=(t,o,r=!1)=>{const e=t.$hostElement$,l=t.o,n=t.S||A(null,null),c=(t=>t&&t.j===M)(o)?o:E(null,null,o);if(O=e.tagName,l.C&&(c.v=c.v||{},l.C.forEach((([t,o])=>{c.v[o]=e[t]}))),r&&c.v)for(const t of Object.keys(c.v))e.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(c.v[t]=e[t]);c.j=null,c.i|=4,t.S=c,c.k=n.k=e.shadowRoot||e,q=!(!(1&l.i)||128&l.i),X(n,c,r),J.forEach((t=>t())),J.length=0,I.forEach((t=>t())),I.length=0},lt=(t,o)=>{if(o&&!t.A&&o["s-p"]){const r=o["s-p"].push(new Promise((e=>t.A=()=>{o["s-p"].splice(r-1,1),e()})))}},nt=(t,o)=>{if(t.i|=16,4&t.i)return void(t.i|=512);lt(t,t.M);const r=()=>ct(t,o);if(!o)return w(r);queueMicrotask((()=>{r()}))},ct=(t,o)=>{const r=t.$hostElement$,e=r;if(!e)throw Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=dt(e,o?"componentWillLoad":"componentWillUpdate",void 0,r),l=at(l,(()=>dt(e,"componentWillRender",void 0,r))),at(l,(()=>st(t,e,o)))},at=(t,o)=>gt(t)?t.then(o).catch((t=>{console.error(t),o()})):o(),gt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,st=async(t,o,r)=>{var e;const l=t.$hostElement$,n=l["s-rc"];r&&(t=>{const o=t.o,r=t.$hostElement$,e=o.i,l=((t,o)=>{var r,e,l;const n=z(o),c=a.get(n);if(!s.document)return n;if(t=11===t.nodeType?t:s.document,c)if("string"==typeof c){let l,a=S.get(t=t.head||t);if(a||S.set(t,a=new Set),!a.has(n)){l=s.document.createElement("style"),l.textContent=c;const g=null!=(r=f.F)?r:function(){var t,o,r;return null!=(r=null==(o=null==(t=s.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:o.getAttribute("content"))?r:void 0}();if(null!=g&&l.setAttribute("nonce",g),!(1&o.i))if("HEAD"===t.nodeName){const o=t.querySelectorAll("link[rel=preconnect]"),r=o.length>0?o[o.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==r?void 0:r.parentNode)===t?r:null)}else if("host"in t)if(u){const o=new(null!=(e=t.defaultView)?e:t.ownerDocument.defaultView).CSSStyleSheet;o.replaceSync(c),d?t.adoptedStyleSheets.unshift(o):t.adoptedStyleSheets=[o,...t.adoptedStyleSheets]}else{const o=t.querySelector("style");o?o.textContent=c+o.textContent:t.prepend(l)}else t.append(l);1&o.i&&t.insertBefore(l,null),4&o.i&&(l.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),a&&a.add(n)}}else{let o=S.get(t);if(o||S.set(t,o=new Set),!o.has(n)){const r=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let e;if(c.constructor===r.CSSStyleSheet)e=c;else{e=new r.CSSStyleSheet;for(let t=0;t<c.cssRules.length;t++)e.insertRule(c.cssRules[t].cssText,t)}d?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e],o.add(n)}}return n})(r.shadowRoot?r.shadowRoot:r.getRootNode(),o);10&e&&(r["s-sc"]=l,r.classList.add(l+"-h"))})(t);it(t,o,l,r),n&&(n.map((t=>t())),l["s-rc"]=void 0);{const o=null!=(e=l["s-p"])?e:[],r=()=>ft(t);0===o.length?r():(Promise.all(o).then(r).catch(r),t.i|=4,o.length=0)}},it=(t,o,r,e)=>{try{o=o.render(),t.i&=-17,t.i|=2,et(t,o,e)}catch(o){c(o,t.$hostElement$)}return null},ft=t=>{const o=t.$hostElement$,r=o,e=t.M;dt(r,"componentDidRender",void 0,o),64&t.i?dt(r,"componentDidUpdate",void 0,o):(t.i|=64,pt(o),dt(r,"componentDidLoad",void 0,o),t.D(o),e||ut()),t.A&&(t.A(),t.A=void 0),512&t.i&&y((()=>nt(t,!1))),t.i&=-517},ut=()=>{y((()=>R(s,"appload",{detail:{namespace:"teranga-ds"}})))},dt=(t,o,r,e)=>{if(t&&t[o])try{return t[o](r)}catch(t){c(t,e)}},pt=t=>t.classList.add("hydrated"),bt=(t,o,r,e)=>{const n=l(t);if(!n)return;const c=t,a=n.l.get(o),g=n.i,s=c;if((r=N(r,e.t[o][0]))!==a&&(!Number.isNaN(a)||!Number.isNaN(r))&&(n.l.set(o,r),2&g)){if(s.componentShouldUpdate&&!1===s.componentShouldUpdate(r,a,o)&&!(16&g))return;16&g||nt(n,!1)}},mt=(t,r)=>{var e,n;const c=t.prototype;if(r.t){const a=Object.entries(null!=(e=r.t)?e:{});a.map((([t,[e]])=>{if(31&e||32&e){const{get:n,set:a}=o(c,t)||{};n&&(r.t[t][0]|=2048),a&&(r.t[t][0]|=4096),Object.defineProperty(c,t,{get(){return n?n.apply(this):((t,o)=>l(this).l.get(o))(0,t)},configurable:!0,enumerable:!0}),Object.defineProperty(c,t,{set(o){const n=l(this);if(n){if(a)return void 0===(32&e?this[t]:n.$hostElement$[t])&&n.l.get(t)&&(o=n.l.get(t)),a.call(this,N(o,e)),void bt(this,t,o=32&e?this[t]:n.$hostElement$[t],r);bt(this,t,o,r)}}})}}));{const o=new Map;c.attributeChangedCallback=function(t,e,n){f.jmp((()=>{var g;const s=o.get(t),i=l(this);if(this.hasOwnProperty(s),c.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==n)return;if(null==s){const o=null==i?void 0:i.i;if(i&&o&&!(8&o)&&n!==e){const l=this,c=null==(g=r.L)?void 0:g[t];null==c||c.forEach((r=>{const[[c,a]]=Object.entries(r);null!=l[c]&&(128&o||1&a)&&l[c].call(l,n,e,t)}))}return}const f=a.find((([t])=>t===s));f&&4&f[1][0]&&(n=null!==n&&"false"!==n);const u=Object.getOwnPropertyDescriptor(c,s);n==this[s]||u.get&&!u.set||(this[s]=n)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(n=r.L)?n:{}),...a.filter((([t,o])=>31&o[0])).map((([t,e])=>{var l;const n=e[1]||t;return o.set(n,t),512&e[0]&&(null==(l=r.C)||l.push([t,n])),n}))]))}}return t},vt=(t,o)=>{const r={i:o[0],p:o[1]};try{r.t=o[2],r.N=o[3],r.C=[];const n=t.prototype.connectedCallback,g=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,o)=>{const r={i:0,$hostElement$:t,o,l:new Map,P:new Map};r.R=new Promise((t=>r.D=t)),t["s-p"]=[],t["s-rc"]=[];const l=r;t.__stencil__getHostRef=()=>l,512&o.i&&e(t,r)})(this,r)},connectedCallback(){if(!this.__hasHostListenerAttached){const t=l(this);if(!t)return;ht(this,t,r.N),this.__hasHostListenerAttached=!0}(t=>{if(!(1&f.i)){const o=l(t);if(!o)return;const r=o.o,e=()=>{};if(1&o.i)ht(t,o,r.N),(null==o?void 0:o._)||(null==o?void 0:o.R)&&o.R.then((()=>{}));else{o.i|=1;{let r=t;for(;r=r.parentNode||r.host;)if(r["s-p"]){lt(o,o.M=r);break}}r.t&&Object.entries(r.t).map((([o,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(t,o)){const r=t[o];delete t[o],t[o]=r}})),(async(t,o,r)=>{let e;try{if(!(32&o.i)&&(o.i|=32,e=t.constructor,customElements.whenDefined(t.localName).then((()=>o.i|=128)),e&&e.style)){let t;"string"==typeof e.style&&(t=e.style);const o=z(r);if(!a.has(o)){const e=()=>{};((t,o,r)=>{let e=a.get(t);u&&r?(e=e||new CSSStyleSheet,"string"==typeof e?e=o:e.replaceSync(o)):e=o,a.set(t,e)})(o,t,!!(1&r.i)),e()}}const l=o.M,n=()=>nt(o,!0);l&&l["s-rc"]?l["s-rc"].push(n):n()}catch(r){c(r,t),o.A&&(o.A(),o.A=void 0),o.D&&o.D(t)}})(t,o,r)}e()}})(this),n&&n.call(this)},disconnectedCallback(){(async t=>{if(!(1&f.i)){const o=l(t);(null==o?void 0:o.H)&&(o.H.map((t=>t())),o.H=void 0)}S.has(t)&&S.delete(t),t.shadowRoot&&S.has(t.shadowRoot)&&S.delete(t.shadowRoot)})(this),g&&g.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else k.call(this,r)}}),Object.defineProperty(t,"is",{value:r.p,configurable:!0}),mt(t,r)}catch(o){return c(o),t}},ht=(t,o,r)=>{r&&s.document&&r.map((([r,e,l])=>{const n=yt(s.document,t,r),c=xt(o,l),a=wt(r);f.ael(n,e,c,a),(o.H=o.H||[]).push((()=>f.rel(n,e,c,a)))}))},xt=(t,o)=>r=>{try{t.$hostElement$[o](r)}catch(o){c(o,t.$hostElement$)}},yt=(t,o,r)=>4&r?t:8&r?s:o,wt=t=>({passive:!!(1&t),capture:!!(2&t)}),$t=t=>f.F=t,jt=t=>Object.assign(f,t);function kt(t,o){et({o:{i:0,p:o.tagName},$hostElement$:o},t)}function Ot(t){return t}export{i as H,M as a,P as c,$ as getAssetPath,E as h,vt as p,kt as render,j as setAssetPath,$t as setNonce,jt as setPlatformOptions,Ot as t}

package/dist/components/p-BWkBF3Ng.js

@@ -0,0 +1 @@
+import{p as t,H as a,h as e,a as o,t as n}from"./index.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.score=0,this.showBar=!0}get level(){return this.score>=.8?"high":this.score>=.5?"medium":"low"}render(){const t=Math.round(100*this.score);return e(o,{key:"aecf1b4b43cf40be94ae02979e80ddd296b489e3"},e("div",{key:"5593278db1c44b8b42bdacf28648a313c045ebc8",class:"tg-conf tg-conf--"+this.level},e("span",{key:"01334ff751a99cdb839e0551ef97e121603b3fa6",class:"tg-conf__pct"},t,"%"),this.label&&e("span",{key:"93b067ed5c3a8a88a62a599cc7a8e71c461f2b0a",class:"tg-conf__label"},this.label),this.showBar&&e("div",{key:"9c3cbf7f8afed63cd3fae1643a0fdf20e78025ea",class:"tg-conf__bar"},e("div",{key:"e582e1f3e220ba4e4ad0590b2efe886ab3451bd0",class:"tg-conf__fill",style:{width:t+"%"}}))))}static get style(){return":host{display:inline-flex}.tg-conf{display:inline-flex;align-items:center;gap:var(--tg-spacing-2);padding:var(--tg-spacing-1) var(--tg-spacing-2-5);border-radius:var(--tg-radius-full);font-family:var(--tg-font-family-sans)}.tg-conf--high{background:var(--tg-color-success-subtle);color:var(--tg-color-success)}.tg-conf--medium{background:var(--tg-color-warning-subtle);color:var(--tg-color-warning)}.tg-conf--low{background:var(--tg-color-danger-subtle);color:var(--tg-color-danger)}.tg-conf__pct{font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-bold);font-family:var(--tg-font-family-mono)}.tg-conf__label{font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium)}.tg-conf__bar{width:3rem;height:4px;background:rgba(0,0,0,0.1);border-radius:var(--tg-radius-full);overflow:hidden}.tg-conf__fill{height:100%;border-radius:var(--tg-radius-full);transition:width var(--tg-duration-normal)}.tg-conf--high .tg-conf__fill{background:var(--tg-color-success)}.tg-conf--medium .tg-conf__fill{background:var(--tg-color-warning)}.tg-conf--low .tg-conf__fill{background:var(--tg-color-danger)}"}},[1,"tg-confidence-badge",{score:[2],label:[1],showBar:[4,"show-bar"]}]);function r(){"undefined"!=typeof customElements&&["tg-confidence-badge"].forEach((t=>{"tg-confidence-badge"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))}r();export{c as T,r as d}

package/dist/components/p-DcG1qXzH.js

@@ -0,0 +1 @@
+import{p as t,H as a,h as e,a as r,t as g}from"./index.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.label="EN DIRECT",this.active=!0,this.variant="default"}render(){return e(r,{key:"b067884844e5f89173d4d073e41f5d2d1502b399"},e("span",{key:"b93f121f7496d2d7dabecec78346877500308922",class:{"tg-lb":!0,"tg-lb--active":this.active,["tg-lb--"+this.variant]:!0}},e("span",{key:"ebfbafc6b00754d56991f537216862478b3dc4b1",class:"tg-lb__dot"}),e("span",{key:"4bf6bb7e6c0296a90fb214c46715d6977e9790a3",class:"tg-lb__label"},this.label)))}static get style(){return":host{display:inline-flex}.tg-lb{display:inline-flex;align-items:center;gap:var(--tg-spacing-1-5);padding:var(--tg-spacing-1) var(--tg-spacing-2-5);border-radius:var(--tg-radius-full);font-family:var(--tg-font-family-sans);font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-bold);text-transform:uppercase;letter-spacing:var(--tg-tracking-wide)}.tg-lb--default{background:var(--tg-color-danger-subtle);color:var(--tg-color-danger)}.tg-lb--recording{background:var(--tg-color-danger);color:white}.tg-lb--streaming{background:var(--tg-color-primary-subtle);color:var(--tg-color-primary)}.tg-lb__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tg-lb--active .tg-lb__dot{animation:tg-lb-pulse 1.5s ease-in-out infinite}.tg-lb--default .tg-lb__dot{background:var(--tg-color-danger)}.tg-lb--recording .tg-lb__dot{background:white}.tg-lb--streaming .tg-lb__dot{background:var(--tg-color-primary)}@keyframes tg-lb-pulse{0%,100%{opacity:1}50%{opacity:0.3}}"}},[1,"tg-live-badge",{label:[1],active:[4],variant:[1]}]);function s(){"undefined"!=typeof customElements&&["tg-live-badge"].forEach((t=>{"tg-live-badge"===t&&(customElements.get(g(t))||customElements.define(g(t),l))}))}s();export{l as T,s as d}

package/dist/components/tg-activity-feed.d.ts

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

package/dist/components/tg-activity-feed.js

@@ -0,0 +1 @@
+import{p as t,t as e,H as a,h as s,a as r}from"./index.js";const i=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.items=[]}get parsed(){const t="string"==typeof this.items?(()=>{try{return JSON.parse(this.items)}catch(t){return[]}})():this.items;return this.maxItems?t.slice(0,this.maxItems):t}render(){return s(r,{key:"3a8314e8702a2c8ecf11419d0efb2f10d3d8442b"},s("div",{key:"99a5bbc264703c68cb92167f7920261c6c9646c7",class:"tg-af"},this.parsed.map((t=>s("div",{class:"tg-af__item"},s("div",{class:"tg-af__avatar"},t.avatar||t.user.charAt(0).toUpperCase()),s("div",{class:"tg-af__body"},s("p",{class:"tg-af__text"},s("strong",null,t.user)," ",t.action," ",t.target&&s("span",{class:"tg-af__target"},t.target)),s("span",{class:"tg-af__time"},t.time))))),0===this.parsed.length&&s("p",{key:"7f0bfc6058c3c2143a03cc0ced46ad2e521750e4",class:"tg-af__empty"},"Aucune activit\\u00e9 r\\u00e9cente")))}static get style(){return":host{display:block}.tg-af{font-family:var(--tg-font-family-sans)}.tg-af__item{display:flex;gap:var(--tg-spacing-3);padding:var(--tg-spacing-3) 0;border-bottom:1px solid var(--tg-color-border)}.tg-af__item:last-child{border-bottom:none}.tg-af__avatar{width:2rem;height:2rem;border-radius:50%;background:var(--tg-color-primary-subtle);color:var(--tg-color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-semibold);flex-shrink:0}.tg-af__body{flex:1}.tg-af__text{margin:0;font-size:var(--tg-font-size-sm);color:var(--tg-color-text-primary);line-height:var(--tg-line-height-relaxed)}.tg-af__target{color:var(--tg-color-primary);font-weight:var(--tg-font-weight-medium)}.tg-af__time{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}.tg-af__empty{text-align:center;padding:var(--tg-spacing-6);color:var(--tg-color-text-disabled);font-size:var(--tg-font-size-sm)}"}},[1,"tg-activity-feed",{items:[1],maxItems:[2,"max-items"]}]);function o(){"undefined"!=typeof customElements&&["tg-activity-feed"].forEach((t=>{"tg-activity-feed"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}o();const c=i,g=o;export{c as TgActivityFeed,g as defineCustomElement}