@teranga-ds/components 0.1.0

package/dist/cjs/tg-modal.cjs.entry.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgModalCss = () => `:host{display:contents}.tg-modal__backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--tg-spacing-lg);animation:tg-modal-backdrop-in var(--tg-duration-normal, 200ms) var(--tg-ease-default, ease) forwards}.tg-modal__backdrop--exiting{animation:tg-modal-backdrop-out var(--tg-duration-normal, 200ms) var(--tg-ease-default, ease) forwards}@keyframes tg-modal-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes tg-modal-backdrop-out{from{opacity:1}to{opacity:0}}.tg-modal__panel{background:var(--tg-color-surface, #fff);border-radius:var(--tg-radius-xl, 16px);box-shadow:var(--tg-shadow-xl, 0 20px 60px rgba(0,0,0,0.15));width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:tg-modal-panel-in var(--tg-duration-normal, 200ms) var(--tg-ease-out, ease-out) forwards}.tg-modal__backdrop--exiting .tg-modal__panel{animation:tg-modal-panel-out var(--tg-duration-fast, 150ms) var(--tg-ease-in, ease-in) forwards}.tg-modal__panel--sm{max-width:400px}.tg-modal__panel--md{max-width:560px}.tg-modal__panel--lg{max-width:720px}.tg-modal__panel--xl{max-width:960px}.tg-modal__panel--full{max-width:100%;max-height:100vh;height:100vh;border-radius:0}@keyframes tg-modal-panel-in{from{opacity:0;transform:scale(0.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tg-modal-panel-out{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.95) translateY(8px)}}.tg-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--tg-spacing-lg, 24px) var(--tg-spacing-lg, 24px) var(--tg-spacing-sm, 12px);gap:var(--tg-spacing-sm, 12px)}.tg-modal__title{font-family:var(--tg-font-family, sans-serif);font-size:var(--tg-font-size-lg, 1.125rem);font-weight:var(--tg-font-weight-semibold, 600);color:var(--tg-color-text, #111827);margin:0;line-height:1.3}.tg-modal__close{appearance:none;border:none;background:transparent;cursor:pointer;padding:var(--tg-spacing-xs, 8px);border-radius:var(--tg-radius-md, 8px);color:var(--tg-color-text-secondary, #6b7280);transition:background var(--tg-duration-fast, 150ms), color var(--tg-duration-fast, 150ms);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tg-modal__close:hover{background:var(--tg-color-neutral-100, #f3f4f6);color:var(--tg-color-text, #111827)}.tg-modal__close:focus-visible{outline:none;box-shadow:var(--tg-focus-ring)}.tg-modal__close svg{width:16px;height:16px}.tg-modal__body{padding:var(--tg-spacing-sm, 12px) var(--tg-spacing-lg, 24px);overflow-y:auto;flex:1;font-family:var(--tg-font-family, sans-serif);font-size:var(--tg-font-size-md, 0.875rem);color:var(--tg-color-text-secondary, #6b7280);line-height:1.6}.tg-modal__footer{padding:var(--tg-spacing-sm, 12px) var(--tg-spacing-lg, 24px) var(--tg-spacing-lg, 24px);display:flex;align-items:center;justify-content:flex-end;gap:var(--tg-spacing-sm, 12px)}`;
+
+const TgModal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgClose = index.createEvent(this, "tgClose");
+        this.open = false;
+        this.size = 'md';
+        this.closeOnBackdrop = true;
+        this.closeOnEscape = true;
+        this.exiting = false;
+        this.close = () => {
+            this.exiting = true;
+            setTimeout(() => {
+                this.exiting = false;
+                this.open = false;
+                this.tgClose.emit();
+            }, 200);
+        };
+        this.handleBackdropClick = (e) => {
+            if (this.closeOnBackdrop && e.target.classList.contains('tg-modal__backdrop')) {
+                this.close();
+            }
+        };
+    }
+    handleKeydown(e) {
+        if (this.open && this.closeOnEscape && e.key === 'Escape') {
+            this.close();
+        }
+    }
+    render() {
+        if (!this.open)
+            return null;
+        return (index.h(index.Host, null, index.h("div", { class: { 'tg-modal__backdrop': true, 'tg-modal__backdrop--exiting': this.exiting }, onClick: this.handleBackdropClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-title" }, index.h("div", { class: { 'tg-modal__panel': true, [`tg-modal__panel--${this.size}`]: true } }, index.h("div", { class: "tg-modal__header" }, this.modalTitle && index.h("h2", { class: "tg-modal__title", id: "modal-title" }, this.modalTitle), index.h("button", { class: "tg-modal__close", onClick: this.close, "aria-label": "Fermer" }, index.h("svg", { viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }, index.h("line", { x1: "3", y1: "3", x2: "11", y2: "11" }), index.h("line", { x1: "11", y1: "3", x2: "3", y2: "11" })))), index.h("div", { class: "tg-modal__body" }, index.h("slot", null)), index.h("div", { class: "tg-modal__footer" }, index.h("slot", { name: "footer" }))))));
+    }
+};
+TgModal.style = tgModalCss();
+
+exports.tg_modal = TgModal;

package/dist/cjs/tg-model-selector.cjs.entry.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgModelSelectorCss = () => `:host{display:inline-block;position:relative}.tg-ms{font-family:var(--tg-font-family-sans)}.tg-ms__trigger{display:inline-flex;align-items:center;gap:var(--tg-spacing-2);padding:var(--tg-spacing-2) var(--tg-spacing-3);border:1px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-lg);background:var(--tg-color-surface-raised);cursor:pointer;font-size:var(--tg-font-size-sm);color:var(--tg-color-text-primary);transition:border-color var(--tg-duration-fast)}.tg-ms__trigger:hover{border-color:var(--tg-color-primary)}.tg-ms__chev{transition:transform var(--tg-duration-fast);color:var(--tg-color-text-secondary)}.tg-ms__chev--open{transform:rotate(180deg)}.tg-ms__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--tg-spacing-1);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-xl);box-shadow:var(--tg-shadow-lg);z-index:1000;padding:var(--tg-spacing-1);min-width:16rem}.tg-ms__option{display:block;width:100%;text-align:left;padding:var(--tg-spacing-2-5) var(--tg-spacing-3);border:none;background:none;cursor:pointer;border-radius:var(--tg-radius-lg);transition:background var(--tg-duration-fast)}.tg-ms__option:hover{background:var(--tg-color-primary-subtle)}.tg-ms__option--sel{background:var(--tg-color-primary-subtle)}.tg-ms__opt-main{display:flex;align-items:center;gap:var(--tg-spacing-2)}.tg-ms__opt-name{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-ms__opt-badge{font-size:var(--tg-font-size-xs);padding:1px var(--tg-spacing-1-5);background:var(--tg-color-primary);color:white;border-radius:var(--tg-radius-full)}.tg-ms__opt-provider{display:block;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);margin-top:2px}.tg-ms__opt-desc{display:block;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-disabled);margin-top:2px}`;
+
+const TgModelSelector = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.createEvent(this, "tgChange");
+        this.models = [];
+        this.open = false;
+    }
+    get parsed() {
+        if (typeof this.models === 'string') {
+            try {
+                return JSON.parse(this.models);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.models;
+    }
+    get selected() { return this.parsed.find(m => m.id === this.value); }
+    onDocClick() { this.open = false; }
+    render() {
+        const cur = this.selected;
+        return (index.h(index.Host, { key: '8f2110c45d3a41c21b318ea4aee2b9df97f6c64e' }, index.h("div", { key: '548a1c12ff3e4ca389bd9af9c7b3918284ecdf07', class: "tg-ms", onClick: (e) => e.stopPropagation() }, index.h("button", { key: '64c22f0895e04c5852124bb9fc50a9075aa85e89', class: "tg-ms__trigger", type: "button", onClick: () => { this.open = !this.open; } }, index.h("span", { key: '07d0f36c53a428721beac440fb3746cd621db3e6', class: "tg-ms__current" }, cur ? cur.name : 'S\u00e9lectionner un mod\u00e8le'), index.h("svg", { key: '19dadd4c8fe6ad05288aa753c095e8eef896e5de', class: { 'tg-ms__chev': true, 'tg-ms__chev--open': this.open }, viewBox: "0 0 20 20", fill: "currentColor", width: "14", height: "14" }, index.h("path", { key: '7c3ee88b2ae95fcdc4ba9769033d92fbdb2b7dd4', "fill-rule": "evenodd", d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" }))), this.open && (index.h("div", { key: '328b12c238fdf9806d30e841a3ff7517fee2488e', class: "tg-ms__dropdown" }, this.parsed.map(m => (index.h("button", { class: { 'tg-ms__option': true, 'tg-ms__option--sel': m.id === this.value }, type: "button", onClick: () => { this.tgChange.emit(m.id); this.open = false; } }, index.h("div", { class: "tg-ms__opt-main" }, index.h("span", { class: "tg-ms__opt-name" }, m.name), m.badge && index.h("span", { class: "tg-ms__opt-badge" }, m.badge)), m.provider && index.h("span", { class: "tg-ms__opt-provider" }, m.provider), m.description && index.h("span", { class: "tg-ms__opt-desc" }, m.description)))))))));
+    }
+};
+TgModelSelector.style = tgModelSelectorCss();
+
+exports.tg_model_selector = TgModelSelector;

package/dist/cjs/tg-multi-select.cjs.entry.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgMultiSelectCss = () => `:host{display:block}.tg-multi-select{position:relative;font-family:var(--tg-font-family-sans)}.tg-multi-select__label{display:block;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary);margin-bottom:var(--tg-spacing-1-5)}.tg-multi-select__trigger{display:flex;align-items:center;min-height:2.5rem;padding:var(--tg-spacing-1) var(--tg-spacing-2);border:1px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-lg);background:var(--tg-color-surface-raised);cursor:pointer;transition:border-color var(--tg-duration-fast), box-shadow var(--tg-duration-fast)}.tg-multi-select__trigger:focus-within{border-color:var(--tg-color-border-focus);box-shadow:var(--tg-focus-ring)}.tg-multi-select__trigger--invalid{border-color:var(--tg-color-danger)}.tg-multi-select__tags{display:flex;flex-wrap:wrap;gap:var(--tg-spacing-1);flex:1}.tg-multi-select__tag{display:inline-flex;align-items:center;gap:var(--tg-spacing-1);padding:2px var(--tg-spacing-2);background:var(--tg-color-primary-subtle);color:var(--tg-color-primary);border-radius:var(--tg-radius-full);font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium)}.tg-multi-select__tag-x{background:none;border:none;cursor:pointer;color:inherit;font-size:1rem;line-height:1;padding:0;opacity:0.6}.tg-multi-select__tag-x:hover{opacity:1}.tg-multi-select__placeholder{color:var(--tg-color-text-disabled);font-size:var(--tg-font-size-sm);padding:var(--tg-spacing-0-5) 0}.tg-multi-select__chevron{flex-shrink:0;color:var(--tg-color-text-secondary);transition:transform var(--tg-duration-fast)}.tg-multi-select__chevron--open{transform:rotate(180deg)}.tg-multi-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--tg-spacing-1);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-lg);box-shadow:var(--tg-shadow-lg);z-index:1000;animation:tg-ms-enter var(--tg-duration-fast) var(--tg-ease-out)}@keyframes tg-ms-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tg-multi-select__search{display:block;width:100%;padding:var(--tg-spacing-2) var(--tg-spacing-3);border:none;border-bottom:1px solid var(--tg-color-border);outline:none;font-family:inherit;font-size:var(--tg-font-size-sm);background:transparent;color:var(--tg-color-text-primary)}.tg-multi-select__search::placeholder{color:var(--tg-color-text-disabled)}.tg-multi-select__list{list-style:none;padding:var(--tg-spacing-1) 0;margin:0;max-height:14rem;overflow-y:auto}.tg-multi-select__option{display:flex;align-items:center;gap:var(--tg-spacing-2);padding:var(--tg-spacing-2) var(--tg-spacing-3);font-size:var(--tg-font-size-sm);cursor:pointer;transition:background var(--tg-duration-fast)}.tg-multi-select__option:hover{background:var(--tg-color-primary-subtle)}.tg-multi-select__option--selected{color:var(--tg-color-primary);font-weight:var(--tg-font-weight-medium)}.tg-multi-select__check{width:1rem;text-align:center;color:var(--tg-color-primary)}`;
+
+const TgMultiSelect = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.createEvent(this, "tgChange");
+        this.placeholder = 'Sélectionner…';
+        this.options = [];
+        this.value = [];
+        this.disabled = false;
+        this.invalid = false;
+        this.size = 'md';
+        this.open = false;
+        this.query = '';
+    }
+    get parsed() {
+        if (typeof this.options === 'string') {
+            try {
+                return JSON.parse(this.options);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.options;
+    }
+    get selected() {
+        if (typeof this.value === 'string') {
+            try {
+                return JSON.parse(this.value);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.value;
+    }
+    get filtered() { const q = this.query.toLowerCase(); return q ? this.parsed.filter(o => o.label.toLowerCase().includes(q)) : this.parsed; }
+    handleDocClick() { this.open = false; }
+    toggle(val) {
+        const sel = [...this.selected];
+        const idx = sel.indexOf(val);
+        if (idx >= 0)
+            sel.splice(idx, 1);
+        else
+            sel.push(val);
+        this.tgChange.emit(sel);
+    }
+    removeTag(val, e) { e.stopPropagation(); this.toggle(val); }
+    render() {
+        const sel = this.selected;
+        return (index.h(index.Host, { key: '548bf9ea41d5fa1ff51d869b148a179cc501bb96' }, index.h("div", { key: '8988934df274adf78ba6f4f752000778bbe97fb6', class: `tg-multi-select tg-multi-select--${this.size}`, onClick: (e) => e.stopPropagation() }, this.label && index.h("label", { key: 'e989f8e6c2b88e88799611f90b0e44147f7c1572', class: "tg-multi-select__label" }, this.label), index.h("div", { key: '9406b5553070f26d382c1616ae1c57d54fb3b901', class: { 'tg-multi-select__trigger': true, 'tg-multi-select__trigger--invalid': this.invalid }, onClick: () => {
+                if (!this.disabled)
+                    this.open = !this.open;
+            } }, index.h("div", { key: '52cb0629e1cad93a658f5c8424fc61f7c45a7e45', class: "tg-multi-select__tags" }, sel.map(v => {
+            const opt = this.parsed.find(o => o.value === v);
+            return opt ? index.h("span", { class: "tg-multi-select__tag" }, opt.label, index.h("button", { class: "tg-multi-select__tag-x", onClick: (e) => this.removeTag(v, e), "aria-label": "Remove" }, "\u00D7")) : null;
+        }), sel.length === 0 && index.h("span", { key: 'e3a3199568660cf137342296c60469a6c1462091', class: "tg-multi-select__placeholder" }, this.placeholder)), index.h("svg", { key: '77d039d5e8b7855cd6ebbc8eac77f58116c047b7', class: { 'tg-multi-select__chevron': true, 'tg-multi-select__chevron--open': this.open }, viewBox: "0 0 20 20", fill: "currentColor", width: "16", height: "16" }, index.h("path", { key: 'd131d4a08a08b3467d1c5f858fe9f01694b91634', "fill-rule": "evenodd", d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" }))), this.open && (index.h("div", { key: 'e1657df38bdd49fa56374c431b8067d91e2ba1e6', class: "tg-multi-select__dropdown" }, index.h("input", { key: '856b4e1c81e9e4d163de7c9ef6755f90cf2a51cd', class: "tg-multi-select__search", type: "text", placeholder: "Filtrer\u2026", value: this.query, onInput: (e) => { this.query = e.target.value; } }), index.h("ul", { key: '46524a4605e630187654060e8073e8d38159d536', class: "tg-multi-select__list", role: "listbox" }, this.filtered.map(opt => (index.h("li", { class: { 'tg-multi-select__option': true, 'tg-multi-select__option--selected': sel.includes(opt.value) }, role: "option", onClick: () => this.toggle(opt.value) }, index.h("span", { class: "tg-multi-select__check" }, sel.includes(opt.value) ? '✓' : ''), opt.label)))))))));
+    }
+};
+TgMultiSelect.style = tgMultiSelectCss();
+
+exports.tg_multi_select = TgMultiSelect;

package/dist/cjs/tg-navbar.cjs.entry.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgNavbarCss = () => `:host{display:block}.tg-navbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--tg-spacing-lg, 24px);height:64px;background:var(--tg-color-surface, #fff);border-bottom:1px solid var(--tg-color-neutral-100, #f3f4f6);font-family:var(--tg-font-family, sans-serif);position:relative;z-index:100}.tg-navbar--sticky{position:sticky;top:0;backdrop-filter:blur(12px);background:rgba(255, 255, 255, 0.85)}.tg-navbar--bordered{box-shadow:var(--tg-shadow-sm, 0 1px 3px rgba(0,0,0,0.08))}.tg-navbar__brand{display:flex;align-items:center;gap:var(--tg-spacing-sm, 12px);text-decoration:none;color:var(--tg-color-text, #111827);font-weight:var(--tg-font-weight-bold, 700);font-size:var(--tg-font-size-lg, 1.125rem);flex-shrink:0}.tg-navbar__brand:focus-visible{outline:none;box-shadow:var(--tg-focus-ring);border-radius:var(--tg-radius-sm, 4px)}.tg-navbar__logo{height:32px;width:auto}.tg-navbar__nav{display:flex;align-items:center;gap:var(--tg-spacing-2xs, 4px);list-style:none;padding:0;margin:0}.tg-navbar__link{color:var(--tg-color-text-secondary, #6b7280);text-decoration:none;font-size:var(--tg-font-size-sm, 0.8125rem);font-weight:var(--tg-font-weight-medium, 500);padding:var(--tg-spacing-xs, 8px) var(--tg-spacing-sm, 12px);border-radius:var(--tg-radius-md, 8px);transition:color var(--tg-duration-fast, 150ms), background var(--tg-duration-fast, 150ms)}.tg-navbar__link:hover{color:var(--tg-color-text, #111827);background:var(--tg-color-neutral-50, #f9fafb)}.tg-navbar__link--active{color:var(--tg-color-primary, #00853F);background:var(--tg-color-primary-50, #ecfdf5)}.tg-navbar__link:focus-visible{outline:none;box-shadow:var(--tg-focus-ring)}.tg-navbar__actions{display:flex;align-items:center;gap:var(--tg-spacing-xs, 8px);flex-shrink:0}.tg-navbar__toggle{appearance:none;border:none;background:transparent;cursor:pointer;padding:var(--tg-spacing-xs, 8px);border-radius:var(--tg-radius-md, 8px);color:var(--tg-color-text, #111827);display:none}.tg-navbar__toggle svg{width:24px;height:24px}.tg-navbar__toggle:focus-visible{outline:none;box-shadow:var(--tg-focus-ring)}.tg-navbar__mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--tg-color-surface, #fff);border-bottom:1px solid var(--tg-color-neutral-100, #f3f4f6);box-shadow:var(--tg-shadow-lg, 0 10px 30px rgba(0,0,0,0.1));padding:var(--tg-spacing-sm, 12px);flex-direction:column}.tg-navbar__mobile-menu--open{display:flex}.tg-navbar__mobile-menu .tg-navbar__link{width:100%;display:block}@media (max-width: 768px){.tg-navbar__nav{display:none}.tg-navbar__toggle{display:flex}}`;
+
+const TgNavbar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.items = [];
+        this.sticky = false;
+        this.bordered = false;
+        this.mobileOpen = false;
+        this.toggleMobile = () => {
+            this.mobileOpen = !this.mobileOpen;
+        };
+    }
+    get parsedItems() {
+        if (typeof this.items === 'string') {
+            try {
+                return JSON.parse(this.items);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.items;
+    }
+    render() {
+        var _a;
+        const navItems = this.parsedItems;
+        const hamburger = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>`;
+        const closeIcon = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="5" y1="5" x2="19" y2="19"/><line x1="19" y1="5" x2="5" y2="19"/></svg>`;
+        return (index.h(index.Host, { key: 'fcfdd7b1e4580338d8c5532bca9b70de0c0a78b1' }, index.h("header", { key: 'e7cbb40afd97b6ea08ed5b861a151bc244f0d5e6', class: {
+                'tg-navbar': true,
+                'tg-navbar--sticky': this.sticky,
+                'tg-navbar--bordered': this.bordered,
+            } }, index.h("a", { key: 'fd6204d0934682c7fb139155021436c8a9f1ae22', class: "tg-navbar__brand", href: "/" }, this.logoSrc && index.h("img", { key: '307f3c79b2cc4129180de15b27e3e7bf92fc731c', class: "tg-navbar__logo", src: this.logoSrc, alt: (_a = this.brand) !== null && _a !== void 0 ? _a : '' }), this.brand && index.h("span", { key: 'ae8a249aa898be2dc6b4ae0ae1144d7510e2be6b' }, this.brand)), index.h("nav", { key: '44e66cf6fa64ee023207b87e7cef5c743b558545' }, index.h("ul", { key: '4963f3f8aea40d7db823008005db9e11ef63ccdb', class: "tg-navbar__nav" }, navItems.map(item => (index.h("li", null, index.h("a", { class: { 'tg-navbar__link': true, 'tg-navbar__link--active': !!item.active }, href: item.href }, item.label)))))), index.h("div", { key: '8b1b1a0a6cda63bac4f3cc32e3eb0dc319263b74', class: "tg-navbar__actions" }, index.h("slot", { key: '86e277aa8f189f32d897c9685b7329688e08c016', name: "actions" })), index.h("button", { key: '8fc67825906b0c3bd6e1c4d4c87d5853b6583be8', class: "tg-navbar__toggle", onClick: this.toggleMobile, "aria-label": this.mobileOpen ? 'Fermer le menu' : 'Ouvrir le menu', innerHTML: this.mobileOpen ? closeIcon : hamburger }), index.h("div", { key: 'f65a73d3099622d822b5592972643d349cdf600e', class: { 'tg-navbar__mobile-menu': true, 'tg-navbar__mobile-menu--open': this.mobileOpen } }, navItems.map(item => (index.h("a", { class: { 'tg-navbar__link': true, 'tg-navbar__link--active': !!item.active }, href: item.href }, item.label))), index.h("slot", { key: '25122d84b212d01cc9e2408005dabafc15895a56', name: "mobile-actions" })))));
+    }
+};
+TgNavbar.style = tgNavbarCss();
+
+exports.tg_navbar = TgNavbar;

package/dist/cjs/tg-otp-input.cjs.entry.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgOtpInputCss = () => `:host{display:block}.tg-otp{font-family:var(--tg-font-family-sans)}.tg-otp__label{display:block;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary);margin-bottom:var(--tg-spacing-2)}.tg-otp__fields{display:flex;gap:var(--tg-spacing-2)}.tg-otp__field{width:2.75rem;height:3rem;text-align:center;font-size:var(--tg-font-size-xl);font-weight:var(--tg-font-weight-semibold);font-family:var(--tg-font-family-mono);color:var(--tg-color-text-primary);background:var(--tg-color-surface-raised);border:2px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-lg);outline:none;transition:border-color var(--tg-duration-fast), box-shadow var(--tg-duration-fast)}.tg-otp__field:focus{border-color:var(--tg-color-primary);box-shadow:var(--tg-focus-ring)}.tg-otp__field--filled{border-color:var(--tg-color-primary)}.tg-otp__field--invalid{border-color:var(--tg-color-danger)}.tg-otp__field:disabled{opacity:0.5;cursor:not-allowed}.tg-otp__error{margin:var(--tg-spacing-2) 0 0;font-size:var(--tg-font-size-xs);color:var(--tg-color-danger)}`;
+
+const TgOtpInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgComplete = index.createEvent(this, "tgComplete");
+        this.tgChange = index.createEvent(this, "tgChange");
+        this.length = 6;
+        this.disabled = false;
+        this.invalid = false;
+        this.masked = false;
+        this.values = [];
+        this.handlePaste = (e) => {
+            var _a, _b, _c;
+            e.preventDefault();
+            const text = (_c = (_b = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) === null || _b === void 0 ? void 0 : _b.replace(/\D/g, '').slice(0, this.length)) !== null && _c !== void 0 ? _c : '';
+            const nv = [...this.values];
+            for (let i = 0; i < text.length; i++)
+                nv[i] = text[i];
+            this.values = nv;
+            this.tgChange.emit(nv.join(''));
+            if (nv.every(v => v !== ''))
+                this.tgComplete.emit(nv.join(''));
+        };
+    }
+    componentWillLoad() { this.values = new Array(this.length).fill(''); }
+    handleInput(idx, e) {
+        var _a;
+        const input = e.target;
+        const val = input.value.replace(/\D/g, '').slice(-1);
+        const nv = [...this.values];
+        nv[idx] = val;
+        this.values = nv;
+        this.tgChange.emit(nv.join(''));
+        if (val && idx < this.length - 1) {
+            const next = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('input')[idx + 1];
+            next === null || next === void 0 ? void 0 : next.focus();
+        }
+        if (nv.every(v => v !== ''))
+            this.tgComplete.emit(nv.join(''));
+    }
+    handleKeyDown(idx, e) {
+        var _a;
+        if (e.key === 'Backspace' && !this.values[idx] && idx > 0) {
+            const prev = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('input')[idx - 1];
+            prev === null || prev === void 0 ? void 0 : prev.focus();
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '0ea9887bdd561677f2ef85113ad0d9f0addb6c9c' }, index.h("div", { key: '29b8ca81b85443d38908992d9920d8913dd7b2ed', class: "tg-otp" }, this.label && index.h("label", { key: 'bf00d9988ff2247acc337ba24e5d5981489b4c24', class: "tg-otp__label" }, this.label), index.h("div", { key: '0c55704aebdb1c0e90145a9d3182c38047e4cefb', class: "tg-otp__fields" }, this.values.map((v, i) => (index.h("input", { class: { 'tg-otp__field': true, 'tg-otp__field--invalid': this.invalid, 'tg-otp__field--filled': v !== '' }, type: this.masked ? 'password' : 'text', inputMode: "numeric", maxLength: 1, value: v, disabled: this.disabled, onInput: (e) => this.handleInput(i, e), onKeyDown: (e) => this.handleKeyDown(i, e), onPaste: this.handlePaste, "aria-label": 'Digit ' + (i + 1) })))), this.errorText && index.h("p", { key: '70e5b44970471655e8499f77ee0fb0e527e4d97b', class: "tg-otp__error" }, this.errorText))));
+    }
+    get el() { return index.getElement(this); }
+};
+TgOtpInput.style = tgOtpInputCss();
+
+exports.tg_otp_input = TgOtpInput;

package/dist/cjs/tg-pagination.cjs.entry.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgPaginationCss = () => `:host{display:block}.tg-pagination{display:flex;align-items:center;gap:var(--tg-spacing-2xs, 4px);font-family:var(--tg-font-family, sans-serif)}.tg-pagination__btn{appearance:none;border:1px solid var(--tg-color-neutral-200, #e5e7eb);background:var(--tg-color-surface, #fff);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--tg-spacing-xs, 8px);border-radius:var(--tg-radius-md, 8px);font-family:inherit;font-size:var(--tg-font-size-sm, 0.8125rem);font-weight:var(--tg-font-weight-medium, 500);color:var(--tg-color-text, #111827);transition:background var(--tg-duration-fast, 150ms), border-color var(--tg-duration-fast, 150ms), color var(--tg-duration-fast, 150ms);font-variant-numeric:tabular-nums}.tg-pagination__btn:hover:not(:disabled){background:var(--tg-color-neutral-50, #f9fafb);border-color:var(--tg-color-neutral-300, #d1d5db)}.tg-pagination__btn:focus-visible{outline:none;box-shadow:var(--tg-focus-ring)}.tg-pagination__btn:disabled{opacity:0.4;cursor:not-allowed}.tg-pagination__btn--active{background:var(--tg-color-primary, #00853F);border-color:var(--tg-color-primary, #00853F);color:#fff}.tg-pagination__btn--active:hover:not(:disabled){background:var(--tg-color-primary-dark, #006B32);border-color:var(--tg-color-primary-dark, #006B32);color:#fff}.tg-pagination__btn svg{width:16px;height:16px}.tg-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--tg-color-text-secondary, #6b7280);font-size:var(--tg-font-size-sm, 0.8125rem);user-select:none}`;
+
+const TgPagination = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgPageChange = index.createEvent(this, "tgPageChange");
+        this.currentPage = 1;
+        this.totalPages = 1;
+        this.siblingCount = 1;
+        this.goTo = (page) => {
+            if (page < 1 || page > this.totalPages || page === this.currentPage)
+                return;
+            this.currentPage = page;
+            this.tgPageChange.emit(page);
+        };
+    }
+    getRange() {
+        const total = this.totalPages;
+        const current = this.currentPage;
+        const sibling = this.siblingCount;
+        if (total <= 7)
+            return Array.from({ length: total }, (_, i) => i + 1);
+        const left = Math.max(current - sibling, 2);
+        const right = Math.min(current + sibling, total - 1);
+        const showLeftDots = left > 2;
+        const showRightDots = right < total - 1;
+        const pages = [1];
+        if (showLeftDots)
+            pages.push('...');
+        for (let i = left; i <= right; i++)
+            pages.push(i);
+        if (showRightDots)
+            pages.push('...');
+        pages.push(total);
+        return pages;
+    }
+    render() {
+        const pages = this.getRange();
+        const prevIcon = `<svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><polyline points="9 3 5 7 9 11"/></svg>`;
+        const nextIcon = `<svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><polyline points="5 3 9 7 5 11"/></svg>`;
+        return (index.h(index.Host, { key: 'd31881cd7e9a8eb213eef62334f3172707c0a021' }, index.h("nav", { key: '6ce78ba6a430c51891c3f817cc96ff2a11fc2ea4', class: "tg-pagination", "aria-label": "Pagination" }, index.h("button", { key: '3c3d0ed57dfda0fd5c8f9367f9b1c411e9c02da1', class: "tg-pagination__btn", disabled: this.currentPage <= 1, onClick: () => this.goTo(this.currentPage - 1), "aria-label": "Page pr\u00E9c\u00E9dente", innerHTML: prevIcon }), pages.map(p => p === '...' ? (index.h("span", { class: "tg-pagination__ellipsis" }, "\u2026")) : (index.h("button", { class: {
+                'tg-pagination__btn': true,
+                'tg-pagination__btn--active': p === this.currentPage,
+            }, "aria-current": p === this.currentPage ? 'page' : undefined, onClick: () => this.goTo(p) }, p))), index.h("button", { key: 'f2f800639e489e518f606e6ea186eaf5e02abd3f', class: "tg-pagination__btn", disabled: this.currentPage >= this.totalPages, onClick: () => this.goTo(this.currentPage + 1), "aria-label": "Page suivante", innerHTML: nextIcon }))));
+    }
+};
+TgPagination.style = tgPaginationCss();
+
+exports.tg_pagination = TgPagination;

package/dist/cjs/tg-presence-indicator.cjs.entry.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgPresenceIndicatorCss = () => `:host{display:inline-flex}.tg-pi{display:flex;align-items:center}.tg-pi__user{position:relative;margin-left:-6px}.tg-pi__user:first-child{margin-left:0}.tg-pi__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);font-family:var(--tg-font-family-sans);border:2px solid var(--tg-color-surface-raised)}.tg-pi__status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--tg-color-surface-raised)}.tg-pi__status--online{background:var(--tg-color-success)}.tg-pi__status--away{background:var(--tg-color-warning)}.tg-pi__status--busy{background:var(--tg-color-danger)}.tg-pi__more{width:2rem;height:2rem;border-radius:50%;background:var(--tg-color-surface-sunken);color:var(--tg-color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium);margin-left:-6px;border:2px solid var(--tg-color-surface-raised)}`;
+
+const TgPresenceIndicator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.users = [];
+        this.max = 5;
+    }
+    get parsed() {
+        if (typeof this.users === 'string') {
+            try {
+                return JSON.parse(this.users);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.users;
+    }
+    render() {
+        const users = this.parsed;
+        const shown = users.slice(0, this.max);
+        const overflow = users.length - this.max;
+        return (index.h(index.Host, { key: '0b487e480aa59c5a4ad54397272708545548507d' }, index.h("div", { key: 'cea81db6a79f714de8059cf0d3b13193c131befa', class: "tg-pi" }, shown.map((u) => (index.h("div", { class: "tg-pi__user", title: u.name }, index.h("div", { class: "tg-pi__avatar" }, u.avatar || u.name.charAt(0).toUpperCase()), index.h("span", { class: 'tg-pi__status tg-pi__status--' + (u.status || 'online') })))), overflow > 0 && index.h("div", { key: 'b33de0b416fb70e108813b0a988e67781a81c510', class: "tg-pi__more" }, "+", overflow))));
+    }
+};
+TgPresenceIndicator.style = tgPresenceIndicatorCss();
+
+exports.tg_presence_indicator = TgPresenceIndicator;

package/dist/cjs/tg-progress.cjs.entry.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgProgressCss = () => `:host{display:block;width:100%}.tg-progress{display:flex;flex-direction:column;gap:var(--tg-spacing-xs, 8px)}.tg-progress__label-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--tg-font-family, sans-serif);font-size:var(--tg-font-size-sm, 0.8125rem);color:var(--tg-color-text, #111827)}.tg-progress__label{font-weight:var(--tg-font-weight-medium, 500)}.tg-progress__value{color:var(--tg-color-text-secondary, #6b7280);font-variant-numeric:tabular-nums}.tg-progress__track{width:100%;border-radius:9999px;background:var(--tg-color-neutral-100, #f3f4f6);overflow:hidden}.tg-progress__track--sm{height:4px}.tg-progress__track--md{height:8px}.tg-progress__track--lg{height:12px}.tg-progress__bar{height:100%;border-radius:9999px;transition:width var(--tg-duration-normal, 200ms) var(--tg-ease-out, ease-out);position:relative;overflow:hidden}.tg-progress__bar--primary{background:var(--tg-color-primary, #00853F)}.tg-progress__bar--success{background:var(--tg-color-success, #059669)}.tg-progress__bar--warning{background:var(--tg-color-warning, #d97706)}.tg-progress__bar--danger{background:var(--tg-color-danger, #dc2626)}.tg-progress__bar--info{background:var(--tg-color-info, #2563eb)}.tg-progress__bar--indeterminate{width:40% !important;animation:tg-progress-indeterminate 1.5s var(--tg-ease-default, ease) infinite}@keyframes tg-progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.tg-progress__bar--striped::after{content:'';position:absolute;inset:0;background-image:linear-gradient(     45deg,     rgba(255,255,255,0.15) 25%,     transparent 25%,     transparent 50%,     rgba(255,255,255,0.15) 50%,     rgba(255,255,255,0.15) 75%,     transparent 75%,     transparent   );background-size:1rem 1rem}.tg-progress__bar--animated::after{animation:tg-progress-stripe 1s linear infinite}@keyframes tg-progress-stripe{0%{background-position:1rem 0}100%{background-position:0 0}}.tg-progress-circle{display:inline-flex;align-items:center;justify-content:center;position:relative}.tg-progress-circle svg{transform:rotate(-90deg)}.tg-progress-circle__track{fill:none;stroke:var(--tg-color-neutral-100, #f3f4f6)}.tg-progress-circle__bar{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--tg-duration-normal, 200ms) var(--tg-ease-out, ease-out)}.tg-progress-circle__bar--primary{stroke:var(--tg-color-primary, #00853F)}.tg-progress-circle__bar--success{stroke:var(--tg-color-success, #059669)}.tg-progress-circle__bar--warning{stroke:var(--tg-color-warning, #d97706)}.tg-progress-circle__bar--danger{stroke:var(--tg-color-danger, #dc2626)}.tg-progress-circle__bar--info{stroke:var(--tg-color-info, #2563eb)}.tg-progress-circle__bar--indeterminate{animation:tg-progress-circle-spin 1.4s linear infinite;stroke-dasharray:80 200}@keyframes tg-progress-circle-spin{0%{stroke-dashoffset:0;transform:rotate(-90deg)}50%{stroke-dashoffset:-80;transform:rotate(90deg)}100%{stroke-dashoffset:-200;transform:rotate(270deg)}}.tg-progress-circle__label{position:absolute;font-family:var(--tg-font-family, sans-serif);font-weight:var(--tg-font-weight-semibold, 600);color:var(--tg-color-text, #111827);font-variant-numeric:tabular-nums}`;
+
+const TgProgress = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.value = 0;
+        this.max = 100;
+        this.showValue = false;
+        this.variant = 'primary';
+        this.size = 'md';
+        this.indeterminate = false;
+        this.striped = false;
+        this.animated = false;
+        this.circular = false;
+        this.circularSize = 48;
+        this.strokeWidth = 4;
+    }
+    get pct() {
+        return this.indeterminate ? 0 : Math.min(100, Math.max(0, (this.value / this.max) * 100));
+    }
+    renderLinear() {
+        var _a;
+        return (index.h("div", { class: "tg-progress" }, (this.label || this.showValue) && (index.h("div", { class: "tg-progress__label-row" }, this.label && index.h("span", { class: "tg-progress__label" }, this.label), this.showValue && !this.indeterminate && (index.h("span", { class: "tg-progress__value" }, Math.round(this.pct), "%")))), index.h("div", Object.assign({ class: `tg-progress__track tg-progress__track--${this.size}`, role: "progressbar" }, (this.indeterminate ? {} : { 'aria-valuenow': this.value }), { "aria-valuemin": 0, "aria-valuemax": this.max, "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'Progression' }), index.h("div", { class: {
+                'tg-progress__bar': true,
+                [`tg-progress__bar--${this.variant}`]: true,
+                'tg-progress__bar--indeterminate': this.indeterminate,
+                'tg-progress__bar--striped': this.striped,
+                'tg-progress__bar--animated': this.animated,
+            }, style: this.indeterminate ? {} : { width: `${this.pct}%` } }))));
+    }
+    renderCircular() {
+        var _a;
+        const r = (this.circularSize - this.strokeWidth) / 2;
+        const c = 2 * Math.PI * r;
+        const offset = c - (this.pct / 100) * c;
+        const fontSize = this.circularSize * 0.28;
+        return (index.h("div", Object.assign({ class: "tg-progress-circle", role: "progressbar" }, (this.indeterminate ? {} : { 'aria-valuenow': this.value }), { "aria-valuemin": 0, "aria-valuemax": this.max, "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'Progression', style: { width: `${this.circularSize}px`, height: `${this.circularSize}px` } }), index.h("svg", { width: this.circularSize, height: this.circularSize }, index.h("circle", { class: "tg-progress-circle__track", cx: this.circularSize / 2, cy: this.circularSize / 2, r: r, "stroke-width": this.strokeWidth }), index.h("circle", Object.assign({ class: {
+                'tg-progress-circle__bar': true,
+                [`tg-progress-circle__bar--${this.variant}`]: true,
+                'tg-progress-circle__bar--indeterminate': this.indeterminate,
+            }, cx: this.circularSize / 2, cy: this.circularSize / 2, r: r, "stroke-width": this.strokeWidth, "stroke-dasharray": `${c}` }, (this.indeterminate ? {} : { 'stroke-dashoffset': `${offset}` })))), this.showValue && !this.indeterminate && (index.h("span", { class: "tg-progress-circle__label", style: { fontSize: `${fontSize}px` } }, Math.round(this.pct), "%"))));
+    }
+    render() {
+        return index.h(index.Host, { key: '545c912ac587f94ade050a356ea3aade15ea98a2' }, this.circular ? this.renderCircular() : this.renderLinear());
+    }
+};
+TgProgress.style = tgProgressCss();
+
+exports.tg_progress = TgProgress;

package/dist/cjs/tg-prompt-input.cjs.entry.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgPromptInputCss = () => `:host{display:block}.tg-pi{display:flex;align-items:flex-end;gap:var(--tg-spacing-2);padding:var(--tg-spacing-2);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-xl);transition:border-color var(--tg-duration-fast), box-shadow var(--tg-duration-fast);font-family:var(--tg-font-family-sans);position:relative}.tg-pi:focus-within{border-color:var(--tg-color-border-focus);box-shadow:var(--tg-focus-ring)}.tg-pi__input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--tg-font-size-sm);color:var(--tg-color-text-primary);resize:none;min-height:1.5rem;max-height:8rem;padding:var(--tg-spacing-1) var(--tg-spacing-2)}.tg-pi__input::placeholder{color:var(--tg-color-text-disabled)}.tg-pi__btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--tg-radius-lg);background:var(--tg-color-primary);color:var(--tg-color-primary-on);border:none;cursor:pointer;flex-shrink:0;transition:filter var(--tg-duration-fast)}.tg-pi__btn:hover:not(:disabled){filter:brightness(1.1)}.tg-pi__btn:disabled{opacity:0.4;cursor:not-allowed}.tg-pi__spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:tg-pi-spin 0.6s linear infinite}@keyframes tg-pi-spin{to{transform:rotate(360deg)}}.tg-pi__counter{position:absolute;bottom:-1.25rem;right:var(--tg-spacing-2);font-size:var(--tg-font-size-xs);color:var(--tg-color-text-disabled)}`;
+
+const TgPromptInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgSubmit = index.createEvent(this, "tgSubmit");
+        this.placeholder = 'Posez votre question\u2026';
+        this.disabled = false;
+        this.loading = false;
+        this.value = '';
+        this.handleSubmit = () => {
+            if (this.value.trim() && !this.loading) {
+                this.tgSubmit.emit(this.value.trim());
+                this.value = '';
+            }
+        };
+        this.handleKeyDown = (e) => {
+            if (e.key === 'Enter' && !e.shiftKey) {
+                e.preventDefault();
+                this.handleSubmit();
+            }
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: 'dffb2aefb0c36c2474ba3987a4f14e230b7de459' }, index.h("div", { key: 'baf0e378a4902e31f2e9ef53d7e8367e50a588db', class: "tg-pi" }, index.h("textarea", Object.assign({ key: '073a6f96bdac758f2d04d7f5c306f511439aefda', class: "tg-pi__input", placeholder: this.placeholder, value: this.value, disabled: this.disabled || this.loading }, (this.maxLength !== undefined ? { maxLength: this.maxLength } : {}), { rows: 1, onInput: (e) => { this.value = e.target.value; }, onKeyDown: this.handleKeyDown })), index.h("button", { key: 'd7e8015119fae3d3ca58f066f09e32ef75852598', class: "tg-pi__btn", type: "button", disabled: !this.value.trim() || this.loading, onClick: this.handleSubmit }, this.loading ? index.h("span", { class: "tg-pi__spinner" }) : index.h("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: "18", height: "18" }, index.h("path", { d: "M3.105 2.289a.75.75 0 00-.826.95l1.414 4.925A1.5 1.5 0 005.135 9.25H10.5a.75.75 0 010 1.5H5.135a1.5 1.5 0 00-1.442 1.086l-1.414 4.926a.75.75 0 00.826.95 28.896 28.896 0 0015.293-7.154.75.75 0 000-1.115A28.897 28.897 0 003.105 2.289z" }))), this.maxLength && index.h("span", { key: '5dd21e484d7a33de8f9f3f5a9d541ddf2ac8124b', class: "tg-pi__counter" }, this.value.length, "/", this.maxLength))));
+    }
+};
+TgPromptInput.style = tgPromptInputCss();
+
+exports.tg_prompt_input = TgPromptInput;

package/dist/cjs/tg-pull-to-refresh.cjs.entry.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgPullToRefreshCss = () => `:host{display:block}.tg-ptr{overflow:hidden}.tg-ptr__indicator{display:flex;align-items:center;justify-content:center;gap:var(--tg-spacing-2);overflow:hidden;font-family:var(--tg-font-family-sans);transition:height 0.2s}.tg-ptr__spinner{width:1.25rem;height:1.25rem;border:2px solid var(--tg-color-border);border-top-color:var(--tg-color-primary);border-radius:50%;animation:tg-ptr-spin 0.6s linear infinite}@keyframes tg-ptr-spin{to{transform:rotate(360deg)}}.tg-ptr__arrow{font-size:1rem;color:var(--tg-color-text-secondary);transition:transform 0.2s}.tg-ptr__label{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}`;
+
+const TgPullToRefresh = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgRefresh = index.createEvent(this, "tgRefresh");
+        this.refreshing = false;
+        this.label = 'Tirer pour actualiser';
+        this.refreshingLabel = 'Actualisation\u2026';
+        this.pulling = false;
+        this.pullDistance = 0;
+        this.startY = 0;
+        this.threshold = 80;
+        this.onTouchStart = (e) => { this.startY = e.touches[0].clientY; this.pulling = true; };
+        this.onTouchMove = (e) => {
+            if (!this.pulling)
+                return;
+            this.pullDistance = Math.min(e.touches[0].clientY - this.startY, 120);
+        };
+        this.onTouchEnd = () => {
+            if (this.pullDistance >= this.threshold)
+                this.tgRefresh.emit();
+            this.pulling = false;
+            this.pullDistance = 0;
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '8c74da495e2656c6490ce95bbc5a32731f1cf278' }, index.h("div", { key: '081a63f279f048092f1fdd2bfce6a0c45b4f8490', class: "tg-ptr", onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, index.h("div", { key: '8d8253cb751f174a1b89b2e65e66bb0979aab0a5', class: "tg-ptr__indicator", style: { height: (this.refreshing ? 48 : Math.max(0, this.pullDistance)) + 'px', opacity: String(this.refreshing ? 1 : Math.min(1, this.pullDistance / this.threshold)) } }, this.refreshing ? index.h("span", { class: "tg-ptr__spinner" }) : index.h("span", { class: "tg-ptr__arrow", style: { transform: 'rotate(' + (this.pullDistance >= this.threshold ? 180 : 0) + 'deg)' } }, "\\u2193"), index.h("span", { key: 'afb1623869882eacb5fc5ed5005c9caef1833cbc', class: "tg-ptr__label" }, this.refreshing ? this.refreshingLabel : this.label)), index.h("slot", { key: 'f4cad193bc5cc9bd71c0ee1f8f8f3f73699c76d1' }))));
+    }
+};
+TgPullToRefresh.style = tgPullToRefreshCss();
+
+exports.tg_pull_to_refresh = TgPullToRefresh;

package/dist/cjs/tg-quick-switcher.cjs.entry.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgQuickSwitcherCss = () => `:host{display:inline-block;position:relative}.tg-qs{font-family:var(--tg-font-family-sans)}.tg-qs__trigger{background:var(--tg-color-surface-sunken);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-lg);padding:var(--tg-spacing-2) var(--tg-spacing-3);font-size:var(--tg-font-size-sm);cursor:pointer;color:var(--tg-color-text-primary);transition:all var(--tg-duration-fast)}.tg-qs__trigger:hover{border-color:var(--tg-color-primary);background:var(--tg-color-primary-subtle)}.tg-qs__dropdown{position:absolute;top:100%;left:0;margin-top:var(--tg-spacing-1);width:18rem;background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-xl);box-shadow:var(--tg-shadow-lg);z-index:1000;overflow:hidden}.tg-qs__search{display:block;width:100%;padding:var(--tg-spacing-3);border:none;border-bottom:1px solid var(--tg-color-border);outline:none;font-size:var(--tg-font-size-sm);font-family:inherit;background:transparent;color:var(--tg-color-text-primary)}.tg-qs__list{list-style:none;padding:var(--tg-spacing-1) 0;margin:0;max-height:16rem;overflow-y:auto}.tg-qs__item{display:flex;align-items:center;gap:var(--tg-spacing-2);padding:var(--tg-spacing-2) var(--tg-spacing-3);cursor:pointer;transition:background var(--tg-duration-fast)}.tg-qs__item:hover{background:var(--tg-color-primary-subtle)}.tg-qs__icon{font-size:1.25rem;flex-shrink:0}.tg-qs__label{display:block;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-qs__sub{display:block;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}`;
+
+const TgQuickSwitcher = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgSwitch = index.createEvent(this, "tgSwitch");
+        this.items = [];
+        this.placeholder = 'Basculer vers\u2026';
+        this.open = false;
+        this.query = '';
+    }
+    get parsed() {
+        if (typeof this.items === 'string') {
+            try {
+                return JSON.parse(this.items);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.items;
+    }
+    get filtered() { const q = this.query.toLowerCase(); return q ? this.parsed.filter(i => i.label.toLowerCase().includes(q)) : this.parsed; }
+    onDocClick() { this.open = false; }
+    render() {
+        return (index.h(index.Host, { key: '6755616db2c14f185c9e32c220455346df09b80d' }, index.h("div", { key: '9fa165a8f67aa0848b95f1a7d14be6551198e981', class: "tg-qs", onClick: (e) => e.stopPropagation() }, index.h("button", { key: '98428b3a459504e64043b50bed1cebf42dae9e84', class: "tg-qs__trigger", type: "button", onClick: () => { this.open = !this.open; this.query = ''; } }, index.h("slot", { key: '161e0ea0c83fa17f8f1a56562d8764ced5053581' }, "Basculer")), this.open && (index.h("div", { key: 'bad4c119013f396b266cb7edc2cd192fb79cbec4', class: "tg-qs__dropdown" }, index.h("input", { key: '57ce7c4d5e5edf287d2f8bcb727d5b02cf537abd', class: "tg-qs__search", type: "text", placeholder: this.placeholder, value: this.query, onInput: (e) => { this.query = e.target.value; }, autofocus: true }), index.h("ul", { key: '8841015526cf682f3b4cb6fdb45d325fe5e791e4', class: "tg-qs__list" }, this.filtered.map(item => (index.h("li", { class: "tg-qs__item", onClick: () => { this.tgSwitch.emit(item.id); this.open = false; } }, item.icon && index.h("span", { class: "tg-qs__icon" }, item.icon), index.h("div", null, index.h("span", { class: "tg-qs__label" }, item.label), item.subtitle && index.h("span", { class: "tg-qs__sub" }, item.subtitle)))))))))));
+    }
+};
+TgQuickSwitcher.style = tgQuickSwitcherCss();
+
+exports.tg_quick_switcher = TgQuickSwitcher;

package/dist/cjs/tg-radio.cjs.entry.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgRadioCss = () => `:host{display:inline-flex}.tg-radio{display:inline-flex;align-items:flex-start;gap:var(--tg-spacing-2);cursor:pointer;font-family:var(--tg-font-family-sans);user-select:none}.tg-radio--disabled{opacity:0.5;cursor:not-allowed}.tg-radio__input{position:absolute;opacity:0;width:0;height:0}.tg-radio__circle{position:relative;width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:0.125rem;border:2px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-full);background:var(--tg-color-surface-raised);transition:all var(--tg-duration-fast) var(--tg-ease-default)}.tg-radio__circle::after{content:'';position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:var(--tg-radius-full);background:white;transform:translate(-50%, -50%) scale(0);transition:transform var(--tg-duration-fast) var(--tg-ease-bounce)}.tg-radio__input:checked+.tg-radio__circle{background:var(--tg-color-primary);border-color:var(--tg-color-primary)}.tg-radio__input:checked+.tg-radio__circle::after{transform:translate(-50%, -50%) scale(1)}.tg-radio__input:focus-visible+.tg-radio__circle{box-shadow:var(--tg-focus-ring)}.tg-radio__content{display:flex;flex-direction:column;gap:var(--tg-spacing-0-5)}.tg-radio__label-text{font-size:var(--tg-font-size-sm);color:var(--tg-color-text-primary);line-height:var(--tg-line-height-snug)}.tg-radio__description{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}`;
+
+const TgRadio = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.createEvent(this, "tgChange");
+        this.checked = false;
+        this.disabled = false;
+        this.handleChange = () => {
+            if (this.disabled)
+                return;
+            this.checked = true;
+            this.tgChange.emit(this.value);
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c20da1611aaa084a113c540cf47d47f747b133bb' }, index.h("label", { key: 'ca4ce55148205b8a7c3f3ec05db7a606920d2f26', class: {
+                'tg-radio': true,
+                'tg-radio--disabled': this.disabled,
+            } }, index.h("input", Object.assign({ key: '16a658d41fa640930e5ff2939a25d2a9649a4842', type: "radio", class: "tg-radio__input", checked: this.checked, disabled: this.disabled }, (this.name ? { name: this.name } : {}), (this.value ? { value: this.value } : {}), { onChange: this.handleChange })), index.h("span", { key: '6a42b83b9e210015fc6625c8454a9c4bc4e06c3e', class: "tg-radio__circle" }), (this.label || this.description) && (index.h("span", { key: 'fb06e63b9f0c6a8ffe057b39627f67bfa2bb8d11', class: "tg-radio__content" }, this.label && index.h("span", { key: 'f0253a06ca55e2d1e4feba654481738a4b1e8a1e', class: "tg-radio__label-text" }, this.label), this.description && index.h("span", { key: '0b50be555bb5ae13ab4fbe2c81dc922a89ba98f2', class: "tg-radio__description" }, this.description))))));
+    }
+};
+TgRadio.style = tgRadioCss();
+
+exports.tg_radio = TgRadio;

package/dist/cjs/tg-retry-ui.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgRetryUiCss = () => `:host{display:block}.tg-retry{text-align:center;padding:var(--tg-spacing-8);font-family:var(--tg-font-family-sans)}.tg-retry__icon{font-size:2.5rem;margin-bottom:var(--tg-spacing-3)}.tg-retry__title{margin:0 0 var(--tg-spacing-2);font-size:var(--tg-font-size-lg);font-weight:var(--tg-font-weight-semibold);color:var(--tg-color-text-primary)}.tg-retry__msg{margin:0 0 var(--tg-spacing-4);font-size:var(--tg-font-size-sm);color:var(--tg-color-text-secondary);max-width:20rem;margin-left:auto;margin-right:auto;line-height:var(--tg-line-height-relaxed)}.tg-retry__btn{display:inline-flex;align-items:center;gap:var(--tg-spacing-2);background:var(--tg-color-primary);color:var(--tg-color-primary-on);border:none;border-radius:var(--tg-radius-lg);padding:var(--tg-spacing-2-5) var(--tg-spacing-5);font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);cursor:pointer;transition:filter var(--tg-duration-fast)}.tg-retry__btn:hover:not(:disabled){filter:brightness(1.1)}.tg-retry__btn:disabled{opacity:0.7;cursor:wait}.tg-retry__spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:tg-retry-spin 0.6s linear infinite}@keyframes tg-retry-spin{to{transform:rotate(360deg)}}`;
+
+const TgRetryUi = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgRetry = index.createEvent(this, "tgRetry");
+        this.heading = 'Erreur de chargement';
+        this.message = 'Impossible de charger les donn\u00e9es. Veuillez r\u00e9essayer.';
+        this.retryLabel = 'R\u00e9essayer';
+        this.loading = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '01d8cd18a3d42a9905a59e5a640ed9f5b3a9e270' }, index.h("div", { key: 'a25bc7b0210351e5e9890507990db5b80891acf2', class: "tg-retry" }, index.h("div", { key: '77736b877b96457608a6c9e7bc8fa7c5302580c2', class: "tg-retry__icon" }, this.icon || '\u26a0\ufe0f'), index.h("h3", { key: 'ffb44435994211bb5b5dfadb17810147a2eddae8', class: "tg-retry__title" }, this.heading), index.h("p", { key: 'c66256fa635ef2b940b1a79074e6acd45762b1bf', class: "tg-retry__msg" }, this.message), index.h("button", { key: '9832781d906f3acf5588b9aef8550256139b0de4', class: "tg-retry__btn", type: "button", disabled: this.loading, onClick: () => this.tgRetry.emit() }, this.loading && index.h("span", { key: '879ed4727518828c2ba63d3775ff3f62ad812e34', class: "tg-retry__spinner" }), this.retryLabel))));
+    }
+};
+TgRetryUi.style = tgRetryUiCss();
+
+exports.tg_retry_ui = TgRetryUi;