@teranga-ds/components 0.1.0

package/dist/esm/tg-date-picker.entry.js

@@ -0,0 +1,54 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgDatePickerCss = () => `:host{display:block}.tg-date-picker{position:relative;font-family:var(--tg-font-family-sans)}.tg-dp__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-dp__input-wrap{display:flex;align-items:center;gap:var(--tg-spacing-2);border:1px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-lg);background:var(--tg-color-surface-raised);padding:0 var(--tg-spacing-3);cursor:pointer;transition:border-color var(--tg-duration-fast), box-shadow var(--tg-duration-fast)}.tg-dp__input-wrap:focus-within{border-color:var(--tg-color-border-focus);box-shadow:var(--tg-focus-ring)}.tg-dp__input-wrap--invalid{border-color:var(--tg-color-danger)}.tg-dp__icon{color:var(--tg-color-text-secondary);flex-shrink:0}.tg-dp__input{flex:1;border:none;outline:none;background:transparent;color:var(--tg-color-text-primary);font-family:inherit;cursor:pointer}.tg-date-picker--sm .tg-dp__input{height:2rem;font-size:var(--tg-font-size-xs)}.tg-date-picker--md .tg-dp__input{height:2.5rem;font-size:var(--tg-font-size-sm)}.tg-date-picker--lg .tg-dp__input{height:3rem;font-size:var(--tg-font-size-md)}.tg-dp__input::placeholder{color:var(--tg-color-text-disabled)}.tg-dp__calendar{position:absolute;top:100%;left: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-3);min-width:280px;animation:tg-dp-enter var(--tg-duration-fast) var(--tg-ease-out)}@keyframes tg-dp-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tg-dp__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--tg-spacing-2)}.tg-dp__nav-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--tg-color-text-primary);padding:var(--tg-spacing-1);border-radius:var(--tg-radius-md);transition:background var(--tg-duration-fast)}.tg-dp__nav-btn:hover{background:var(--tg-color-primary-subtle)}.tg-dp__month-year{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-semibold)}.tg-dp__weekdays{display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:var(--tg-spacing-1)}.tg-dp__wd{text-align:center;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);font-weight:var(--tg-font-weight-medium);padding:var(--tg-spacing-1) 0}.tg-dp__days{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.tg-dp__day{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:auto;border:none;background:none;cursor:pointer;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-primary);border-radius:var(--tg-radius-md);transition:background var(--tg-duration-fast)}.tg-dp__day:hover{background:var(--tg-color-primary-subtle)}.tg-dp__day--sel{background:var(--tg-color-primary);color:var(--tg-color-primary-on);font-weight:var(--tg-font-weight-semibold)}.tg-dp__day--today{border:1px solid var(--tg-color-primary)}.tg-dp__day--empty{cursor:default}.tg-dp__error{margin:var(--tg-spacing-1) 0 0;font-size:var(--tg-font-size-xs);color:var(--tg-color-danger)}.tg-dp__helper{margin:var(--tg-spacing-1) 0 0;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}`;
+
+const TgDatePicker = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgChange = createEvent(this, "tgChange");
+        this.placeholder = 'JJ/MM/AAAA';
+        this.disabled = false;
+        this.invalid = false;
+        this.size = 'md';
+        this.open = false;
+        this.viewDate = new Date();
+        this.prevMonth = () => { const d = new Date(this.viewDate); d.setMonth(d.getMonth() - 1); this.viewDate = d; };
+        this.nextMonth = () => { const d = new Date(this.viewDate); d.setMonth(d.getMonth() + 1); this.viewDate = d; };
+    }
+    onDocClick() { this.open = false; }
+    daysInMonth(y, m) { return new Date(y, m + 1, 0).getDate(); }
+    firstDow(y, m) { return new Date(y, m, 1).getDay(); }
+    selectDay(day) {
+        const y = this.viewDate.getFullYear();
+        const m = String(this.viewDate.getMonth() + 1).padStart(2, '0');
+        const d = String(day).padStart(2, '0');
+        this.tgChange.emit(y + '-' + m + '-' + d);
+        this.open = false;
+    }
+    formatDisplay() {
+        if (!this.value)
+            return '';
+        const p = this.value.split('-');
+        return p[2] + '/' + p[1] + '/' + p[0];
+    }
+    render() {
+        const y = this.viewDate.getFullYear();
+        const m = this.viewDate.getMonth();
+        const days = this.daysInMonth(y, m);
+        const first = this.firstDow(y, m);
+        const months = ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'];
+        const dNames = ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'];
+        const cells = [];
+        for (let i = 0; i < first; i++)
+            cells.push(null);
+        for (let i = 1; i <= days; i++)
+            cells.push(i);
+        return (h(Host, { key: '1bdb0e804ddd590b60b2babcee9189ccfc8103b0' }, h("div", { key: '5a7506eabbc0cefded2504d5266eb3a1ddfe525f', class: 'tg-date-picker tg-date-picker--' + this.size, onClick: (e) => e.stopPropagation() }, this.label && h("label", { key: 'd97ca1c91f0a1d2aef7f4ffabd1704621f702b76', class: "tg-dp__label" }, this.label), h("div", { key: 'fe526741305cebfe28998b3571e036971de8bac2', class: { 'tg-dp__input-wrap': true, 'tg-dp__input-wrap--invalid': this.invalid }, onClick: () => {
+                if (!this.disabled)
+                    this.open = !this.open;
+            } }, h("svg", { key: '65662ba0e277a24d7872564383f57d9e62a6af91', class: "tg-dp__icon", viewBox: "0 0 20 20", fill: "currentColor", width: "16", height: "16" }, h("path", { key: '32dc549db6c1176eb768b93d9b8f9229bfb50d04', "fill-rule": "evenodd", d: "M5.75 2a.75.75 0 01.75.75V4h7V2.75a.75.75 0 011.5 0V4h.25A2.75 2.75 0 0118 6.75v8.5A2.75 2.75 0 0115.25 18H4.75A2.75 2.75 0 012 15.25v-8.5A2.75 2.75 0 014.75 4H5V2.75A.75.75 0 015.75 2zm-1 5.5a.75.75 0 000 1.5h10.5a.75.75 0 000-1.5H4.75z" })), h("input", { key: '4042c9d0da06a27715fe0f90a02d327b53c64942', class: "tg-dp__input", type: "text", readonly: true, value: this.formatDisplay(), placeholder: this.placeholder, disabled: this.disabled })), this.open && (h("div", { key: 'c197780bc0024a4dd861ee916596fd46e83aaceb', class: "tg-dp__calendar" }, h("div", { key: '1e0f610b1e5334f44c6cc986efe2dc054a9bc91c', class: "tg-dp__nav" }, h("button", { key: '194e3c5829de2c81497a453ff0f3e32229e1b8eb', class: "tg-dp__nav-btn", type: "button", onClick: this.prevMonth }, "\u2039"), h("span", { key: '7976fef62f152f1707f9aa8bd263ea6ca440b27b', class: "tg-dp__month-year" }, months[m], " ", y), h("button", { key: 'ffe86d738629bfce856af063efb4c4fe333ff81f', class: "tg-dp__nav-btn", type: "button", onClick: this.nextMonth }, "\u203A")), h("div", { key: '1392d14a55be0f9761f48b63dfaf5ed87c576de9', class: "tg-dp__weekdays" }, dNames.map(d => h("span", { class: "tg-dp__wd" }, d))), h("div", { key: 'a238b5c68e95aaba5d09e5eb8926414ccf9f3ff7', class: "tg-dp__days" }, cells.map(day => day ? (h("button", { class: { 'tg-dp__day': true, 'tg-dp__day--sel': this.value === y + '-' + String(m + 1).padStart(2, '0') + '-' + String(day).padStart(2, '0'), 'tg-dp__day--today': new Date().getDate() === day && new Date().getMonth() === m && new Date().getFullYear() === y }, type: "button", onClick: () => this.selectDay(day) }, day)) : h("span", { class: "tg-dp__day tg-dp__day--empty" }))))), this.errorText && h("p", { key: 'b2806b9a78c219aeb93df813b1154359b9b8622d', class: "tg-dp__error" }, this.errorText), !this.errorText && this.helperText && h("p", { key: '5dd972b9d8229e6aa5c8c8a8ada81e302c375518', class: "tg-dp__helper" }, this.helperText))));
+    }
+};
+TgDatePicker.style = tgDatePickerCss();
+
+export { TgDatePicker as tg_date_picker };

package/dist/esm/tg-empty-state.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgEmptyStateCss = () => `:host{display:block}.tg-es{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--tg-spacing-10) var(--tg-spacing-6);font-family:var(--tg-font-family-sans)}.tg-es__icon{font-size:3rem;margin-bottom:var(--tg-spacing-4);color:var(--tg-color-text-disabled)}.tg-es__heading{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-es__desc{margin:0 0 var(--tg-spacing-4);max-width:24rem;font-size:var(--tg-font-size-sm);color:var(--tg-color-text-secondary);line-height:var(--tg-line-height-relaxed)}.tg-es__action{background:var(--tg-color-primary);color:var(--tg-color-primary-on);border:none;border-radius:var(--tg-radius-lg);padding:var(--tg-spacing-2) 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-es__action:hover{filter:brightness(1.1)}`;
+
+const TgEmptyState = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.heading = '';
+        this.variant = 'default';
+    }
+    render() {
+        return (h(Host, { key: 'd944e9a58cddd66f6219051f03796f6aa57d99f2' }, h("div", { key: '2f4dbe36de5e2de74ef26c21e836cd44c3d54268', class: 'tg-es tg-es--' + this.variant }, this.icon && h("div", { key: 'c2ee8e4d1efa67ddb57a9ad9578fd2ac308a84e4', class: "tg-es__icon" }, this.icon), h("slot", { key: '88a9a65a7a33a12c534420a7c8cead7359293dbd', name: "illustration" }), h("h3", { key: 'd0e4e54fdce2b3c0c508f858f3f8748d741da683', class: "tg-es__heading" }, this.heading), this.description && h("p", { key: 'ff6e9dc56b7d0952ee375639df242737490a9bfc', class: "tg-es__desc" }, this.description), this.actionLabel && h("button", { key: '76d760c3aa4eb844639156a333635ac277ff960d', class: "tg-es__action", type: "button" }, this.actionLabel), h("slot", { key: 'af147b503e0736ad1de68def15514799e1f8fbf2' }))));
+    }
+};
+TgEmptyState.style = tgEmptyStateCss();
+
+export { TgEmptyState as tg_empty_state };

package/dist/esm/tg-expandable-row.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgExpandableRowCss = () => `:host{display:block}.tg-er{font-family:var(--tg-font-family-sans);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-lg);overflow:hidden;transition:box-shadow var(--tg-duration-fast)}.tg-er--open{box-shadow:var(--tg-shadow-sm)}.tg-er__header{display:flex;align-items:center;gap:var(--tg-spacing-3);padding:var(--tg-spacing-3) var(--tg-spacing-4);cursor:pointer;background:var(--tg-color-surface-raised);transition:background var(--tg-duration-fast)}.tg-er__header:hover{background:var(--tg-color-primary-subtle)}.tg-er__icon{font-size:1.25rem;flex-shrink:0}.tg-er__text{flex:1}.tg-er__title{display:block;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-er__sub{display:block;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);margin-top:2px}.tg-er__chevron{display:flex;color:var(--tg-color-text-secondary);transition:transform var(--tg-duration-fast)}.tg-er__chevron--open{transform:rotate(180deg)}.tg-er__body{padding:var(--tg-spacing-4);border-top:1px solid var(--tg-color-border);background:var(--tg-color-surface-raised);font-size:var(--tg-font-size-sm);color:var(--tg-color-text-primary);animation:tg-er-slide var(--tg-duration-fast) var(--tg-ease-out)}@keyframes tg-er-slide{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}`;
+
+const TgExpandableRow = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.header = '';
+        this.expanded = false;
+    }
+    render() {
+        return (h(Host, { key: '265ad774c81210f43635085f8891f0aba5bf305f' }, h("div", { key: '9d0f0fbe35d033abe53d49c34fc29010a1fff3e6', class: { 'tg-er': true, 'tg-er--open': this.expanded } }, h("div", { key: '8fd0aed7ffa9221024fa33ff8508ed33764a2e16', class: "tg-er__header", onClick: () => { this.expanded = !this.expanded; } }, this.icon && h("span", { key: '27aa57c9e0c28a49f4fbd6610296c2cba1d8e9b3', class: "tg-er__icon" }, this.icon), h("div", { key: '916ee17fc8df06f0a7691a2415c84ee5e9e0ab1d', class: "tg-er__text" }, h("span", { key: '6730a2d337f3bb278a11683e4c36c7fa19aa652b', class: "tg-er__title" }, this.header), this.subtext && h("span", { key: 'f3ce90306dc584cd19f1a5f950ddb861acb1761c', class: "tg-er__sub" }, this.subtext)), h("span", { key: '10d999cde3027935a97ebfa50781518eec9abfac', class: { 'tg-er__chevron': true, 'tg-er__chevron--open': this.expanded } }, h("svg", { key: '99db2edc13b678d2b3b68f96a900e026904f0a0f', viewBox: "0 0 20 20", fill: "currentColor", width: "16", height: "16" }, h("path", { key: '03f5b1f103022a583bfbab4065591f32541c5253', "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.expanded && h("div", { key: '443203e99952b3fcf307f8b6527e0108a9e8ee23', class: "tg-er__body" }, h("slot", { key: 'c344a5dda39a42ab4e62498eb8f9326b768364fa' })))));
+    }
+};
+TgExpandableRow.style = tgExpandableRowCss();
+
+export { TgExpandableRow as tg_expandable_row };

package/dist/esm/tg-fab.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgFabCss = () => `:host{display:inline-flex}.tg-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--tg-spacing-2);border:none;border-radius:var(--tg-radius-full);cursor:pointer;font-family:var(--tg-font-family-sans);font-weight:var(--tg-font-weight-medium);transition:all var(--tg-duration-fast);box-shadow:var(--tg-shadow-lg)}.tg-fab:hover{transform:scale(1.05);box-shadow:var(--tg-shadow-xl)}.tg-fab:active{transform:scale(0.95)}.tg-fab--sm{width:2.5rem;height:2.5rem;font-size:var(--tg-font-size-xs)}.tg-fab--md{min-width:3rem;height:3rem;padding:0 var(--tg-spacing-3);font-size:var(--tg-font-size-sm)}.tg-fab--lg{min-width:3.5rem;height:3.5rem;padding:0 var(--tg-spacing-4);font-size:var(--tg-font-size-md)}.tg-fab--primary{background:var(--tg-color-primary);color:var(--tg-color-primary-on)}.tg-fab--secondary{background:var(--tg-color-surface-raised);color:var(--tg-color-text-primary);border:1px solid var(--tg-color-border)}.tg-fab--success{background:var(--tg-color-success);color:white}.tg-fab--danger{background:var(--tg-color-danger);color:white}.tg-fab--fixed{position:fixed;z-index:1000}.tg-fab--bottom-right{bottom:var(--tg-spacing-6);right:var(--tg-spacing-6)}.tg-fab--bottom-left{bottom:var(--tg-spacing-6);left:var(--tg-spacing-6)}.tg-fab--bottom-center{bottom:var(--tg-spacing-6);left:50%;transform:translateX(-50%)}.tg-fab__icon{font-size:1.25em}`;
+
+const TgFab = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgClick = createEvent(this, "tgClick");
+        this.variant = 'primary';
+        this.size = 'md';
+        this.position = 'bottom-right';
+        this.fixed = true;
+    }
+    render() {
+        return (h(Host, { key: '6dd636b4f00a9e639a1c16e116a3d1baca5116f4' }, h("button", { key: '37a5641cc8f781ecdf7d1e7a2f8571a553c66d71', class: 'tg-fab tg-fab--' + this.variant + ' tg-fab--' + this.size + (this.fixed ? ' tg-fab--fixed tg-fab--' + this.position : ''), type: "button", onClick: () => this.tgClick.emit() }, this.icon && h("span", { key: '8d327d220b24a43fdac63984e014b9a10da0c141', class: "tg-fab__icon" }, this.icon), this.label && h("span", { key: 'df06e983206107d5d80f3a184576447152e4be40', class: "tg-fab__label" }, this.label), !this.icon && !this.label && h("svg", { key: '31e5b6735e0aac2bc6d958a489e6f9beaa6ea75d', viewBox: "0 0 20 20", fill: "currentColor", width: "20", height: "20" }, h("path", { key: '52fe468dd13cc4978ee607a3f3886e562cfefa29', d: "M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" })))));
+    }
+};
+TgFab.style = tgFabCss();
+
+export { TgFab as tg_fab };

package/dist/esm/tg-file-upload.entry.js

@@ -0,0 +1,84 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CXqO9vvj.js';
+
+const tgFileUploadCss = () => `:host{display:block}.tg-file-upload{display:flex;flex-direction:column;gap:var(--tg-spacing-sm, 12px);font-family:var(--tg-font-family, sans-serif)}.tg-file-upload__dropzone{border:2px dashed var(--tg-color-neutral-300, #d1d5db);border-radius:var(--tg-radius-lg, 12px);padding:var(--tg-spacing-xl, 32px) var(--tg-spacing-lg, 24px);text-align:center;cursor:pointer;transition:border-color var(--tg-duration-fast, 150ms), background var(--tg-duration-fast, 150ms);background:var(--tg-color-neutral-50, #f9fafb)}.tg-file-upload__dropzone:hover{border-color:var(--tg-color-primary, #00853F);background:var(--tg-color-primary-50, #ecfdf5)}.tg-file-upload__dropzone--active{border-color:var(--tg-color-primary, #00853F);background:var(--tg-color-primary-50, #ecfdf5);border-style:solid}.tg-file-upload__dropzone--error{border-color:var(--tg-color-danger, #dc2626);background:#fef2f2}.tg-file-upload__icon{width:48px;height:48px;margin:0 auto var(--tg-spacing-sm, 12px);color:var(--tg-color-neutral-400, #9ca3af);transition:color var(--tg-duration-fast, 150ms)}.tg-file-upload__dropzone:hover .tg-file-upload__icon,.tg-file-upload__dropzone--active .tg-file-upload__icon{color:var(--tg-color-primary, #00853F)}.tg-file-upload__icon svg{width:100%;height:100%}.tg-file-upload__text{font-size:var(--tg-font-size-sm, 0.8125rem);color:var(--tg-color-text-secondary, #6b7280)}.tg-file-upload__text strong{color:var(--tg-color-primary, #00853F);font-weight:var(--tg-font-weight-semibold, 600)}.tg-file-upload__hint{font-size:0.75rem;color:var(--tg-color-neutral-400, #9ca3af);margin-top:var(--tg-spacing-2xs, 4px)}.tg-file-upload__list{display:flex;flex-direction:column;gap:var(--tg-spacing-xs, 8px)}.tg-file-upload__file{display:flex;align-items:center;gap:var(--tg-spacing-sm, 12px);padding:var(--tg-spacing-sm, 12px);background:var(--tg-color-surface, #fff);border:1px solid var(--tg-color-neutral-200, #e5e7eb);border-radius:var(--tg-radius-md, 8px);animation:tg-file-upload-in var(--tg-duration-normal, 200ms) var(--tg-ease-out, ease-out)}@keyframes tg-file-upload-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tg-file-upload__file-icon{width:36px;height:36px;border-radius:var(--tg-radius-md, 8px);background:var(--tg-color-primary-50, #ecfdf5);color:var(--tg-color-primary, #00853F);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tg-file-upload__file-icon svg{width:18px;height:18px}.tg-file-upload__file-info{flex:1;min-width:0}.tg-file-upload__file-name{font-size:var(--tg-font-size-sm, 0.8125rem);font-weight:var(--tg-font-weight-medium, 500);color:var(--tg-color-text, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-file-upload__file-size{font-size:0.75rem;color:var(--tg-color-text-secondary, #6b7280)}.tg-file-upload__file-remove{appearance:none;border:none;background:transparent;cursor:pointer;color:var(--tg-color-text-secondary, #6b7280);padding:var(--tg-spacing-2xs, 4px);border-radius:var(--tg-radius-sm, 4px);display:flex;align-items:center;justify-content:center;transition:color var(--tg-duration-fast, 150ms), background var(--tg-duration-fast, 150ms);flex-shrink:0}.tg-file-upload__file-remove:hover{color:var(--tg-color-danger, #dc2626);background:#fef2f2}.tg-file-upload__file-remove:focus-visible{outline:none;box-shadow:var(--tg-focus-ring)}.tg-file-upload__file-remove svg{width:16px;height:16px}.tg-file-upload__error{font-size:0.75rem;color:var(--tg-color-danger, #dc2626);padding:0 var(--tg-spacing-2xs, 4px)}.tg-file-upload__input{display:none}`;
+
+const TgFileUpload = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgFilesChange = createEvent(this, "tgFilesChange");
+        this.multiple = false;
+        this.maxSize = 10; // MB
+        this.maxFiles = 5;
+        this.label = 'Déposez vos fichiers ici';
+        this.files = [];
+        this.dragActive = false;
+        this.error = null;
+        this.addFiles = (fileList) => {
+            if (!fileList)
+                return;
+            const arr = Array.from(fileList);
+            const err = this.validate(arr);
+            if (err) {
+                this.error = err;
+                return;
+            }
+            this.error = null;
+            const newFiles = arr.map(f => ({
+                file: f,
+                id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+            }));
+            this.files = [...this.files, ...newFiles];
+            this.tgFilesChange.emit(this.files.map(f => f.file));
+        };
+        this.removeFile = (id) => {
+            this.files = this.files.filter(f => f.id !== id);
+            this.error = null;
+            this.tgFilesChange.emit(this.files.map(f => f.file));
+        };
+        this.handleDrop = (e) => {
+            var _a, _b;
+            e.preventDefault();
+            this.dragActive = false;
+            this.addFiles((_b = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) !== null && _b !== void 0 ? _b : null);
+        };
+        this.handleDragOver = (e) => {
+            e.preventDefault();
+            this.dragActive = true;
+        };
+        this.handleDragLeave = () => {
+            this.dragActive = false;
+        };
+    }
+    formatSize(bytes) {
+        if (bytes < 1024)
+            return `${bytes} B`;
+        if (bytes < 1048576)
+            return `${(bytes / 1024).toFixed(1)} KB`;
+        return `${(bytes / 1048576).toFixed(1)} MB`;
+    }
+    validate(fileList) {
+        for (const f of fileList) {
+            if (f.size > this.maxSize * 1048576) {
+                return `Le fichier "${f.name}" dépasse la taille maximale de ${this.maxSize} Mo`;
+            }
+        }
+        if (this.files.length + fileList.length > this.maxFiles) {
+            return `Maximum ${this.maxFiles} fichier${this.maxFiles > 1 ? 's' : ''} autorisé${this.maxFiles > 1 ? 's' : ''}`;
+        }
+        return null;
+    }
+    render() {
+        const uploadIcon = `<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M8 32l0 4a4 4 0 004 4h24a4 4 0 004-4v-4"/><polyline points="16 16 24 8 32 16"/><line x1="24" y1="8" x2="24" y2="32"/></svg>`;
+        const fileIcon = `<svg viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M10 2H5a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7l-5-5z"/><polyline points="10 2 10 7 15 7"/></svg>`;
+        const removeIcon = `<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="4" y1="4" x2="12" y2="12"/><line x1="12" y1="4" x2="4" y2="12"/></svg>`;
+        return (h(Host, { key: '77cf3751962242d553184585a76a7f87bf736df7' }, h("div", { key: '552c2b59d032b752bd6d6924e21ec7700a3da16e', class: "tg-file-upload" }, h("div", { key: 'e26907046c0bda2fe4a2c5a490248d55b7e340bf', class: {
+                'tg-file-upload__dropzone': true,
+                'tg-file-upload__dropzone--active': this.dragActive,
+                'tg-file-upload__dropzone--error': !!this.error,
+            }, onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onClick: () => this.inputRef.click() }, h("div", { key: 'affad26d9f57aaca4abc5e71810cf80d98272807', class: "tg-file-upload__icon", innerHTML: uploadIcon }), h("div", { key: 'be3e1fdc89bed47844e280d8116c4d3b9c11e342', class: "tg-file-upload__text" }, h("strong", { key: '7fa44dba9212c9622eab4a35e7d6e1e78985c222' }, "Cliquez pour choisir"), " ou glissez-d\u00E9posez"), this.hint && h("div", { key: '7be94286d4723c79738348b7a18f29de48df8365', class: "tg-file-upload__hint" }, this.hint)), h("input", Object.assign({ key: '176b2e8ec8cd4fa436de45e6d1b94e482c8359c6', class: "tg-file-upload__input", type: "file" }, (this.accept ? { accept: this.accept } : {}), { multiple: this.multiple, ref: el => (this.inputRef = el), onChange: e => this.addFiles(e.target.files) })), this.error && h("div", { key: '8fffd203e887c00f9574b39477104d3237285bd6', class: "tg-file-upload__error" }, this.error), this.files.length > 0 && (h("div", { key: '686f996491f2a54ed8c2ae760d88337abd77cdb9', class: "tg-file-upload__list" }, this.files.map(f => (h("div", { class: "tg-file-upload__file", key: f.id }, h("div", { class: "tg-file-upload__file-icon", innerHTML: fileIcon }), h("div", { class: "tg-file-upload__file-info" }, h("div", { class: "tg-file-upload__file-name" }, f.file.name), h("div", { class: "tg-file-upload__file-size" }, this.formatSize(f.file.size))), h("button", { class: "tg-file-upload__file-remove", onClick: () => this.removeFile(f.id), "aria-label": "Supprimer", innerHTML: removeIcon })))))))));
+    }
+    get el() { return getElement(this); }
+};
+TgFileUpload.style = tgFileUploadCss();
+
+export { TgFileUpload as tg_file_upload };

package/dist/esm/tg-global-loader.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgGlobalLoaderCss = () => `:host{display:contents}.tg-gl-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:99999;overflow:hidden}.tg-gl-bar__track{width:40%;height:100%;background:var(--tg-color-primary);border-radius:var(--tg-radius-full);animation:tg-gl-slide 1.2s ease-in-out infinite}@keyframes tg-gl-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.tg-gl-overlay{position:fixed;inset:0;z-index:99999;background:rgba(255,255,255,0.85);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tg-spacing-3);font-family:var(--tg-font-family-sans)}.tg-gl-overlay__spinner{width:2.5rem;height:2.5rem;border:3px solid var(--tg-color-border);border-top-color:var(--tg-color-primary);border-radius:50%;animation:tg-gl-spin 0.7s linear infinite}@keyframes tg-gl-spin{to{transform:rotate(360deg)}}.tg-gl-overlay__label{font-size:var(--tg-font-size-sm);color:var(--tg-color-text-secondary)}`;
+
+const TgGlobalLoader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.active = false;
+        this.variant = 'bar';
+    }
+    render() {
+        if (!this.active)
+            return h(Host, null);
+        if (this.variant === 'bar') {
+            return (h(Host, null, h("div", { class: "tg-gl-bar" }, h("div", { class: "tg-gl-bar__track" }))));
+        }
+        return (h(Host, null, h("div", { class: "tg-gl-overlay" }, h("div", { class: "tg-gl-overlay__spinner" }), this.label && h("span", { class: "tg-gl-overlay__label" }, this.label))));
+    }
+};
+TgGlobalLoader.style = tgGlobalLoaderCss();
+
+export { TgGlobalLoader as tg_global_loader };

package/dist/esm/tg-heatmap.entry.js

@@ -0,0 +1,63 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgHeatmapCss = () => `:host{display:block}.tg-heatmap{font-family:var(--tg-font-family-sans)}.tg-heatmap__title{margin:0 0 var(--tg-spacing-3);font-size:var(--tg-font-size-md);font-weight:var(--tg-font-weight-semibold);color:var(--tg-color-text-primary)}.tg-heatmap__grid{display:grid;gap:2px}.tg-heatmap__corner{background:transparent}.tg-heatmap__xlabel{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);text-align:center;padding:var(--tg-spacing-1)}.tg-heatmap__ylabel{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);display:flex;align-items:center;padding-right:var(--tg-spacing-2)}.tg-heatmap__cell{display:flex;align-items:center;justify-content:center;padding:var(--tg-spacing-2);font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary);border-radius:var(--tg-radius-sm);min-height:2rem;transition:transform var(--tg-duration-fast)}.tg-heatmap__cell:hover{transform:scale(1.05)}`;
+
+const TgHeatmap = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.data = [];
+        this.xLabels = [];
+        this.yLabels = [];
+        this.colorMin = '#f0fdf4';
+        this.colorMax = '#166534';
+    }
+    get grid() {
+        if (typeof this.data === 'string') {
+            try {
+                return JSON.parse(this.data);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.data;
+    }
+    get xl() {
+        if (typeof this.xLabels === 'string') {
+            try {
+                return JSON.parse(this.xLabels);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.xLabels;
+    }
+    get yl() {
+        if (typeof this.yLabels === 'string') {
+            try {
+                return JSON.parse(this.yLabels);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.yLabels;
+    }
+    get maxVal() { return Math.max(...this.grid.flatMap(r => r), 1); }
+    cellColor(val) {
+        const pct = val / this.maxVal;
+        const opacity = 0.15 + pct * 0.85;
+        return 'rgba(22, 101, 52, ' + opacity.toFixed(2) + ')';
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: '29b99401781ab130feadedf8d0205cc95ff90400' }, h("div", { key: '4e74b38344b353c7121789124c64b8a641cc59f9', class: "tg-heatmap" }, this.heading && h("h3", { key: 'bb8fe84d77a651150b2dfc3a7337d1749766a565', class: "tg-heatmap__title" }, this.heading), h("div", { key: 'df74fa440f9803a8432ff18ab06118cfdb60efbb', class: "tg-heatmap__grid", style: { gridTemplateColumns: (this.yl.length ? '4rem ' : '') + 'repeat(' + (this.xl.length || (((_a = this.grid[0]) === null || _a === void 0 ? void 0 : _a.length) || 1)) + ', 1fr)' } }, this.yl.length > 0 && h("div", { key: '33bc2dea9ad7d048d880772bba8dc40b471d86c3', class: "tg-heatmap__corner" }), this.xl.map(l => h("div", { class: "tg-heatmap__xlabel" }, l)), this.grid.map((row, ri) => [
+            this.yl[ri] ? h("div", { class: "tg-heatmap__ylabel" }, this.yl[ri]) : null,
+            ...row.map(val => h("div", { class: "tg-heatmap__cell", style: { background: this.cellColor(val) }, title: String(val) }, val))
+        ])))));
+    }
+};
+TgHeatmap.style = tgHeatmapCss();
+
+export { TgHeatmap as tg_heatmap };

package/dist/esm/tg-image-gallery.entry.js

@@ -0,0 +1,30 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgImageGalleryCss = () => `:host{display:block}.tg-ig{display:grid;gap:var(--tg-spacing-2);font-family:var(--tg-font-family-sans)}.tg-ig__item{position:relative;overflow:hidden;border-radius:var(--tg-radius-lg);cursor:pointer;aspect-ratio:1}.tg-ig__item:hover .tg-ig__img{transform:scale(1.05)}.tg-ig__img{width:100%;height:100%;object-fit:cover;transition:transform var(--tg-duration-normal)}.tg-ig__caption{position:absolute;bottom:0;left:0;right:0;padding:var(--tg-spacing-2);background:linear-gradient(transparent, rgba(0,0,0,0.6));color:white;font-size:var(--tg-font-size-xs)}.tg-ig__lightbox{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center}.tg-ig__lb-close{position:absolute;top:var(--tg-spacing-4);right:var(--tg-spacing-4);background:none;border:none;color:white;font-size:2rem;cursor:pointer;z-index:1}.tg-ig__lb-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--tg-radius-lg)}.tg-ig__lb-prev,.tg-ig__lb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.1);border:none;color:white;font-size:2rem;padding:var(--tg-spacing-2) var(--tg-spacing-3);cursor:pointer;border-radius:var(--tg-radius-lg)}.tg-ig__lb-prev{left:var(--tg-spacing-4)}.tg-ig__lb-next{right:var(--tg-spacing-4)}.tg-ig__lb-caption{position:absolute;bottom:var(--tg-spacing-4);text-align:center;width:100%;color:white;font-size:var(--tg-font-size-sm)}`;
+
+const TgImageGallery = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.images = [];
+        this.columns = 3;
+        this.lightboxIndex = -1;
+    }
+    get parsed() {
+        if (typeof this.images === 'string') {
+            try {
+                return JSON.parse(this.images);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.images;
+    }
+    render() {
+        const imgs = this.parsed;
+        return (h(Host, { key: '54f0a5f4c8cb69c7601f751a6e3a4fa9c039aa03' }, h("div", { key: '43db45820a7a66b647aec8f22d8b1237e7937ea0', class: "tg-ig", style: { gridTemplateColumns: 'repeat(' + this.columns + ', 1fr)' } }, imgs.map((img, i) => (h("div", { class: "tg-ig__item", onClick: () => { this.lightboxIndex = i; } }, h("img", { class: "tg-ig__img", src: img.src, alt: img.alt || '', loading: "lazy" }), img.caption && h("span", { class: "tg-ig__caption" }, img.caption))))), this.lightboxIndex >= 0 && (h("div", { key: '34f7696e87ffb3032535406680dbbc356d53c473', class: "tg-ig__lightbox", onClick: () => { this.lightboxIndex = -1; } }, h("button", { key: 'af12d664a0067352ca81546308a49fbfb2fcc9e3', class: "tg-ig__lb-close", type: "button", "aria-label": "Close" }, "\\u00d7"), this.lightboxIndex > 0 && h("button", { key: 'a0850fa101999ceb4449f013439f0d4b6b0e605d', class: "tg-ig__lb-prev", type: "button", onClick: (e) => { e.stopPropagation(); this.lightboxIndex--; } }, "\\u2039"), h("img", { key: 'b5c77f37b9cbbad132bfddedaa9e01c6537679f3', class: "tg-ig__lb-img", src: imgs[this.lightboxIndex].src, alt: imgs[this.lightboxIndex].alt || '', onClick: (e) => e.stopPropagation() }), this.lightboxIndex < imgs.length - 1 && h("button", { key: 'b0e845547338cde60e62d1b860884694068bc4a1', class: "tg-ig__lb-next", type: "button", onClick: (e) => { e.stopPropagation(); this.lightboxIndex++; } }, "\\u203a"), imgs[this.lightboxIndex].caption && h("p", { key: 'ff6ed839f25df6052c42ffcf7257577d2bd27740', class: "tg-ig__lb-caption" }, imgs[this.lightboxIndex].caption)))));
+    }
+};
+TgImageGallery.style = tgImageGalleryCss();
+
+export { TgImageGallery as tg_image_gallery };

package/dist/esm/tg-input.entry.js

@@ -0,0 +1,49 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgInputCss = () => `:host{display:block}.tg-input-wrapper{display:flex;flex-direction:column;gap:var(--tg-spacing-1-5);font-family:var(--tg-font-family-sans)}.tg-input-wrapper--full-width{width:100%}.tg-input__label{display:block;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary);line-height:var(--tg-line-height-tight)}.tg-input__required{color:var(--tg-color-danger)}.tg-input__field-wrapper{position:relative;display:flex;align-items:center;border:1px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-lg);background-color:var(--tg-color-surface-page);transition:border-color var(--tg-duration-normal) var(--tg-ease-default),               box-shadow var(--tg-duration-normal) var(--tg-ease-default);overflow:hidden}.tg-input__field-wrapper:focus-within{border-color:var(--tg-color-border-focus);box-shadow:var(--tg-focus-ring)}.tg-input-wrapper--sm .tg-input__field{height:2rem;font-size:var(--tg-font-size-xs);padding:0 var(--tg-spacing-3)}.tg-input-wrapper--md .tg-input__field{height:2.5rem;font-size:var(--tg-font-size-sm);padding:0 var(--tg-spacing-3)}.tg-input-wrapper--lg .tg-input__field{height:3rem;font-size:var(--tg-font-size-md);padding:0 var(--tg-spacing-4)}.tg-input__field{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--tg-color-text-primary);font-family:inherit;width:100%}.tg-input__field::placeholder{color:var(--tg-color-text-disabled)}.tg-input-wrapper--disabled .tg-input__field-wrapper{background-color:var(--tg-color-surface-sunken);opacity:0.6;cursor:not-allowed}.tg-input-wrapper--disabled .tg-input__field{cursor:not-allowed}.tg-input-wrapper--invalid .tg-input__field-wrapper{border-color:var(--tg-color-danger)}.tg-input-wrapper--invalid .tg-input__field-wrapper:focus-within{border-color:var(--tg-color-danger);box-shadow:0 0 0 3px rgba(227, 27, 35, 0.25)}.tg-input__toggle-password{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--tg-spacing-2-5);height:100%;background:none;border:none;border-left:1px solid var(--tg-color-border);cursor:pointer;color:var(--tg-color-text-secondary);transition:color var(--tg-duration-normal) var(--tg-ease-default)}.tg-input__toggle-password:hover{color:var(--tg-color-text-primary)}.tg-input__toggle-password svg{width:1.125rem;height:1.125rem}.tg-input__helper,.tg-input__error{margin:0;font-size:var(--tg-font-size-xs);line-height:var(--tg-line-height-snug)}.tg-input__helper{color:var(--tg-color-text-secondary)}.tg-input__error{display:flex;align-items:center;gap:var(--tg-spacing-1);color:var(--tg-color-danger)}.tg-input__error svg{width:0.875rem;height:0.875rem;flex-shrink:0}::slotted([slot='icon-start']){display:inline-flex;padding-left:var(--tg-spacing-3);color:var(--tg-color-text-secondary)}::slotted([slot='icon-end']){display:inline-flex;padding-right:var(--tg-spacing-3);color:var(--tg-color-text-secondary)}`;
+
+const TgInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgChange = createEvent(this, "tgChange");
+        this.tgFocus = createEvent(this, "tgFocus");
+        this.tgBlur = createEvent(this, "tgBlur");
+        /** Input type */
+        this.type = 'text';
+        /** Current value */
+        this.value = '';
+        /** Marks the field as required */
+        this.required = false;
+        /** Disables the input */
+        this.disabled = false;
+        /** Makes the input read-only */
+        this.readonly = false;
+        /** Full-width input */
+        this.fullWidth = false;
+        /** Size of the input */
+        this.size = 'md';
+        /** Unique id (auto-generated if not provided) */
+        this.inputId = `tg-input-${Math.random().toString(36).slice(2, 9)}`;
+        /** Shows password visibility toggle (only for type=password) */
+        this.passwordVisible = false;
+        this.handleInput = (e) => {
+            this.value = e.target.value;
+            this.tgChange.emit(this.value);
+        };
+    }
+    render() {
+        var _a;
+        const isInvalid = !!this.error;
+        const inputType = this.type === 'password' && this.passwordVisible ? 'text' : this.type;
+        return (h(Host, { key: '39e10a36aa30f6714c47e2d7071a1b4e8a40cc95' }, h("div", { key: '09c8a9f5ccf97c8e2cf7b04e373cd664a51ae33f', class: {
+                'tg-input-wrapper': true,
+                'tg-input-wrapper--full-width': this.fullWidth,
+                'tg-input-wrapper--disabled': this.disabled,
+                'tg-input-wrapper--invalid': isInvalid,
+                [`tg-input-wrapper--${this.size}`]: true,
+            } }, this.label && (h("label", { key: '593efd7e643d2853bf92990a20daa6fb34e84dfa', class: "tg-input__label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '6c58fd8c27e6859b44654b4f9bc0fe1e0a601cda', class: "tg-input__required", "aria-hidden": "true" }, " *"))), h("div", { key: '5103029e9374a63a3739a4f737d6dfa4a3af2d19', class: "tg-input__field-wrapper" }, h("slot", { key: 'b5e7b13ee91f87115b1f391eccd95012a18d5fe2', name: "icon-start" }), h("input", { key: '8909c5ec22eed69d23b65663c5fd4bc3e6e376b7', id: this.inputId, class: "tg-input__field", type: inputType, value: this.value, placeholder: (_a = this.placeholder) !== null && _a !== void 0 ? _a : '', disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": isInvalid ? 'true' : undefined, "aria-describedby": isInvalid ? `${this.inputId}-error` : this.helperText ? `${this.inputId}-helper` : undefined, onInput: this.handleInput, onFocus: () => this.tgFocus.emit(), onBlur: () => this.tgBlur.emit() }), this.type === 'password' && (h("button", { key: '7978ffedb461c2894710605aa3a722c0d5daee3d', type: "button", class: "tg-input__toggle-password", onClick: () => (this.passwordVisible = !this.passwordVisible), "aria-label": this.passwordVisible ? 'Masquer le mot de passe' : 'Afficher le mot de passe' }, this.passwordVisible ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor" }, h("path", { "fill-rule": "evenodd", d: "M3.28 2.22a.75.75 0 0 0-1.06 1.06l14.5 14.5a.75.75 0 1 0 1.06-1.06l-1.745-1.745a10.029 10.029 0 0 0 3.3-4.38 1.651 1.651 0 0 0 0-1.185A10.004 10.004 0 0 0 9.999 3a9.956 9.956 0 0 0-4.744 1.194L3.28 2.22ZM7.752 6.69l1.092 1.092a2.5 2.5 0 0 1 3.374 3.373l1.091 1.092a4 4 0 0 0-5.557-5.557Z", "clip-rule": "evenodd" }), h("path", { d: "M10.748 13.93l2.523 2.523a9.987 9.987 0 0 1-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 0 1 0-1.186A10.007 10.007 0 0 1 2.839 6.02L6.07 9.252a4 4 0 0 0 4.678 4.678Z" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor" }, h("path", { d: "M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" }), h("path", { "fill-rule": "evenodd", d: "M.664 10.59a1.651 1.651 0 0 1 0-1.186A10.004 10.004 0 0 1 10 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0 1 10 17c-4.257 0-7.893-2.66-9.336-6.41ZM14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z", "clip-rule": "evenodd" }))))), h("slot", { key: '6ca491e27e06a60b80a721194f0be211efba72cb', name: "icon-end" })), isInvalid && (h("p", { key: '9c395300d317050bdb30b0c45a3e0ea10148b955', id: `${this.inputId}-error`, class: "tg-input__error", role: "alert" }, h("svg", { key: '4dde577fba2b01b4df4289ab4024a9ec3d0bea4b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true" }, h("path", { key: '6e7ab516c75bec64ded397090d9761bf13bca68a', "fill-rule": "evenodd", d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-10a.75.75 0 0 0-1.5 0v4.5a.75.75 0 0 0 1.5 0V5Zm0 7a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z", "clip-rule": "evenodd" })), this.error)), !isInvalid && this.helperText && (h("p", { key: '684ca4c4b93f22aaf25e53b21f68c797e5c22454', id: `${this.inputId}-helper`, class: "tg-input__helper" }, this.helperText)))));
+    }
+};
+TgInput.style = tgInputCss();
+
+export { TgInput as tg_input };

package/dist/esm/tg-kanban-board.entry.js

@@ -0,0 +1,28 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgKanbanBoardCss = () => `:host{display:block}.tg-kb{display:flex;gap:var(--tg-spacing-4);overflow-x:auto;padding-bottom:var(--tg-spacing-2);font-family:var(--tg-font-family-sans)}.tg-kb__col{flex:0 0 18rem;background:var(--tg-color-surface-sunken);border-radius:var(--tg-radius-xl);padding:var(--tg-spacing-3)}.tg-kb__col-header{display:flex;align-items:center;gap:var(--tg-spacing-2);margin-bottom:var(--tg-spacing-3)}.tg-kb__col-dot{width:0.625rem;height:0.625rem;border-radius:50%;background:var(--tg-color-primary);flex-shrink:0}.tg-kb__col-title{margin:0;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-semibold);flex:1}.tg-kb__col-count{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);background:var(--tg-color-surface-raised);padding:2px var(--tg-spacing-2);border-radius:var(--tg-radius-full)}.tg-kb__cards{display:flex;flex-direction:column;gap:var(--tg-spacing-2)}.tg-kb__card{background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-lg);padding:var(--tg-spacing-3);cursor:pointer;transition:box-shadow var(--tg-duration-fast), transform var(--tg-duration-fast)}.tg-kb__card:hover{box-shadow:var(--tg-shadow-md);transform:translateY(-1px)}.tg-kb__card-tag{display:inline-block;font-size:var(--tg-font-size-xs);padding:1px var(--tg-spacing-2);border-radius:var(--tg-radius-full);background:var(--tg-color-primary-subtle);color:var(--tg-color-primary);margin-bottom:var(--tg-spacing-1-5);font-weight:var(--tg-font-weight-medium)}.tg-kb__card-title{margin:0;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-kb__card-desc{margin:var(--tg-spacing-1) 0 0;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);line-height:var(--tg-line-height-relaxed)}.tg-kb__card-assignee{margin-top:var(--tg-spacing-2);font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}`;
+
+const TgKanbanBoard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgCardClick = createEvent(this, "tgCardClick");
+        this.columns = [];
+    }
+    get parsed() {
+        if (typeof this.columns === 'string') {
+            try {
+                return JSON.parse(this.columns);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.columns;
+    }
+    render() {
+        return (h(Host, { key: '3f837f4ad3e240f95aad5ba3ffa631d0cd1f3d5f' }, h("div", { key: 'd2200c09dbd8133a0deba07836c7ac9f02370835', class: "tg-kb" }, this.parsed.map(col => (h("div", { class: "tg-kb__col" }, h("div", { class: "tg-kb__col-header" }, h("span", { class: "tg-kb__col-dot", style: col.color ? { background: col.color } : {} }), h("h3", { class: "tg-kb__col-title" }, col.title), h("span", { class: "tg-kb__col-count" }, col.cards.length)), h("div", { class: "tg-kb__cards" }, col.cards.map(card => (h("div", { class: "tg-kb__card", onClick: () => this.tgCardClick.emit({ columnId: col.id, cardId: card.id }) }, card.tag && h("span", { class: "tg-kb__card-tag" }, card.tag), h("h4", { class: "tg-kb__card-title" }, card.title), card.description && h("p", { class: "tg-kb__card-desc" }, card.description), card.assignee && h("div", { class: "tg-kb__card-assignee" }, card.assignee)))))))))));
+    }
+};
+TgKanbanBoard.style = tgKanbanBoardCss();
+
+export { TgKanbanBoard as tg_kanban_board };

package/dist/esm/tg-kpi-card.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgKpiCardCss = () => `:host{display:block}.tg-kpi{font-family:var(--tg-font-family-sans);padding:var(--tg-spacing-5);border-radius:var(--tg-radius-xl);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);transition:box-shadow var(--tg-duration-normal)}.tg-kpi:hover{box-shadow:var(--tg-shadow-md)}.tg-kpi__header{display:flex;align-items:center;gap:var(--tg-spacing-2);margin-bottom:var(--tg-spacing-2)}.tg-kpi__icon{font-size:1.25rem}.tg-kpi__title{font-size:var(--tg-font-size-sm);color:var(--tg-color-text-secondary);font-weight:var(--tg-font-weight-medium)}.tg-kpi__body{display:flex;align-items:baseline;gap:var(--tg-spacing-1);margin-bottom:var(--tg-spacing-2)}.tg-kpi__value{font-size:var(--tg-font-size-3xl);font-weight:var(--tg-font-weight-bold);font-family:var(--tg-font-family-display);color:var(--tg-color-text-primary)}.tg-kpi__unit{font-size:var(--tg-font-size-sm);color:var(--tg-color-text-secondary)}.tg-kpi__trend{display:inline-flex;align-items:center;gap:var(--tg-spacing-1);padding:var(--tg-spacing-0-5) var(--tg-spacing-2);border-radius:var(--tg-radius-full);font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium)}.tg-kpi__trend--up{background:var(--tg-color-success-subtle);color:var(--tg-color-success)}.tg-kpi__trend--down{background:var(--tg-color-danger-subtle);color:var(--tg-color-danger)}.tg-kpi__trend--neutral{background:var(--tg-color-surface-sunken);color:var(--tg-color-text-secondary)}.tg-kpi--primary .tg-kpi__value{color:var(--tg-color-primary)}.tg-kpi--success .tg-kpi__value{color:var(--tg-color-success)}.tg-kpi--warning .tg-kpi__value{color:var(--tg-color-warning)}.tg-kpi--danger .tg-kpi__value{color:var(--tg-color-danger)}`;
+
+const TgKpiCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.heading = '';
+        this.value = '';
+        this.variant = 'default';
+    }
+    render() {
+        return (h(Host, { key: '59a6b36432315e5fa734c9692f77b9d992c3cdb4' }, h("div", { key: '761450ae5065d82379e7bd020244709b214bdf76', class: 'tg-kpi tg-kpi--' + this.variant }, h("div", { key: 'c9f9d54951bf507128b6acc7ddd3638b57dabec1', class: "tg-kpi__header" }, this.icon && h("span", { key: 'daf8d996d601e5064b58da5a8381a96eb3bc2bdc', class: "tg-kpi__icon" }, this.icon), h("span", { key: 'df039f3a57f0d6e7536579ab0d3e54892e9de19a', class: "tg-kpi__title" }, this.heading)), h("div", { key: 'd75dde0f1857d31bfa66b9f82ea8b3b3c4f2b6c9', class: "tg-kpi__body" }, h("span", { key: 'e68fe293bc795a2ca90f88972da6c2f08b86e30f', class: "tg-kpi__value" }, this.value), this.unit && h("span", { key: '6cafc1dbe979dc0e74cb8d116f048c19edd65bb2', class: "tg-kpi__unit" }, this.unit)), this.trend && (h("div", { key: '1e9b6ce2fb01c19a01df0a6aeae3522782ddb21f', class: 'tg-kpi__trend tg-kpi__trend--' + this.trend }, h("span", { key: '55300f6c15a71fb63f5f5a5a26642a68ddbec5d5', class: "tg-kpi__trend-arrow" }, this.trend === 'up' ? '\u2191' : this.trend === 'down' ? '\u2193' : '\u2192'), this.trendValue && h("span", { key: '921388ed870275169e331d0e664091a99577fc46', class: "tg-kpi__trend-val" }, this.trendValue))))));
+    }
+};
+TgKpiCard.style = tgKpiCardCss();
+
+export { TgKpiCard as tg_kpi_card };

package/dist/esm/tg-live-badge.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgLiveBadgeCss = () => `: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}}`;
+
+const TgLiveBadge = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.label = 'EN DIRECT';
+        this.active = true;
+        this.variant = 'default';
+    }
+    render() {
+        return (h(Host, { key: 'b067884844e5f89173d4d073e41f5d2d1502b399' }, h("span", { key: 'b93f121f7496d2d7dabecec78346877500308922', class: { 'tg-lb': true, 'tg-lb--active': this.active, ['tg-lb--' + this.variant]: true } }, h("span", { key: 'ebfbafc6b00754d56991f537216862478b3dc4b1', class: "tg-lb__dot" }), h("span", { key: '4bf6bb7e6c0296a90fb214c46715d6977e9790a3', class: "tg-lb__label" }, this.label))));
+    }
+};
+TgLiveBadge.style = tgLiveBadgeCss();
+
+export { TgLiveBadge as tg_live_badge };

package/dist/esm/tg-login-form.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgLoginFormCss = () => `:host{display:block}.tg-lf{max-width:24rem;margin:0 auto;padding:var(--tg-spacing-8);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-2xl);font-family:var(--tg-font-family-sans)}.tg-lf__logo{text-align:center;font-size:2rem;margin-bottom:var(--tg-spacing-4)}.tg-lf__title{margin:0 0 var(--tg-spacing-1);font-size:var(--tg-font-size-xl);font-weight:var(--tg-font-weight-bold);color:var(--tg-color-text-primary);text-align:center;font-family:var(--tg-font-family-display)}.tg-lf__subtitle{margin:0 0 var(--tg-spacing-5);font-size:var(--tg-font-size-sm);color:var(--tg-color-text-secondary);text-align:center}.tg-lf__error{padding:var(--tg-spacing-2) var(--tg-spacing-3);background:var(--tg-color-danger-subtle);color:var(--tg-color-danger);border-radius:var(--tg-radius-lg);font-size:var(--tg-font-size-sm);margin-bottom:var(--tg-spacing-4)}.tg-lf__form{display:flex;flex-direction:column;gap:var(--tg-spacing-4)}.tg-lf__field{display:flex;flex-direction:column;gap:var(--tg-spacing-1-5)}.tg-lf__label{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-lf__input{padding:var(--tg-spacing-2-5) var(--tg-spacing-3);border:1px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-lg);font-family:inherit;font-size:var(--tg-font-size-sm);color:var(--tg-color-text-primary);background:var(--tg-color-surface-raised);outline:none;transition:border-color var(--tg-duration-fast), box-shadow var(--tg-duration-fast)}.tg-lf__input:focus{border-color:var(--tg-color-border-focus);box-shadow:var(--tg-focus-ring)}.tg-lf__btn{padding:var(--tg-spacing-2-5);background:var(--tg-color-primary);color:var(--tg-color-primary-on);border:none;border-radius:var(--tg-radius-lg);font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-semibold);cursor:pointer;transition:filter var(--tg-duration-fast);display:flex;align-items:center;justify-content:center}.tg-lf__btn:hover:not(:disabled){filter:brightness(1.1)}.tg-lf__btn:disabled{opacity:0.7;cursor:wait}.tg-lf__spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:tg-lf-spin 0.6s linear infinite}@keyframes tg-lf-spin{to{transform:rotate(360deg)}}`;
+
+const TgLoginForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgLogin = createEvent(this, "tgLogin");
+        this.heading = 'Connexion';
+        this.loading = false;
+        this.email = '';
+        this.password = '';
+        this.handleSubmit = (e) => { e.preventDefault(); this.tgLogin.emit({ email: this.email, password: this.password }); };
+    }
+    render() {
+        return (h(Host, { key: 'b4683389c890e1d32044f434268f53e1e019af4f' }, h("div", { key: '7306773a637114600431addb51e2ba89ff6eb08c', class: "tg-lf" }, this.logo && h("div", { key: '04c8b07072f23256a18f298391bc52740f06f490', class: "tg-lf__logo" }, this.logo), h("h2", { key: '47ecfb023fa7c5e962d58f75cea46ff0f0fdebf3', class: "tg-lf__title" }, this.heading), this.subtitle && h("p", { key: 'effc0c05996109765eb6d85aa6213e51932b9b70', class: "tg-lf__subtitle" }, this.subtitle), this.error && h("div", { key: '38e4bfdbb4a58e24b78b1022db4643bf2e975873', class: "tg-lf__error" }, this.error), h("form", { key: '4b79ce663b680a20d6aef1315f4bd9fd6e796a3a', class: "tg-lf__form", onSubmit: this.handleSubmit }, h("div", { key: 'c281a3a248b954276fede1583034f8d97261575b', class: "tg-lf__field" }, h("label", { key: '6c0b4cc43142ef2fe26f591f6a5e65a95245d84a', class: "tg-lf__label" }, "Email"), h("input", { key: '3183a8d211e8c385b97711f86ee7c532b2249d6b', class: "tg-lf__input", type: "email", value: this.email, placeholder: "nom@exemple.com", autocomplete: "email", onInput: (e) => { this.email = e.target.value; }, required: true })), h("div", { key: '4e28fd9a15c5d1b356087475f62e7d1816613391', class: "tg-lf__field" }, h("label", { key: '3e33adbd530d2794b152af3a4f393b7ef33aa9fc', class: "tg-lf__label" }, "Mot de passe"), h("input", { key: '4c1292a6eb18c6d374cf7d60f317f0b943d94c69', class: "tg-lf__input", type: "password", value: this.password, placeholder: "\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022", autocomplete: "current-password", onInput: (e) => { this.password = e.target.value; }, required: true })), h("button", { key: 'c4409e3003528e874746cec210b7407639280fbd', class: "tg-lf__btn", type: "submit", disabled: this.loading }, this.loading ? h("span", { class: "tg-lf__spinner" }) : 'Se connecter')), h("slot", { key: '21d6a4bb469c1c3ea4a360e97de1ca42c4798e02' }))));
+    }
+};
+TgLoginForm.style = tgLoginFormCss();
+
+export { TgLoginForm as tg_login_form };

package/dist/esm/tg-mega-menu.entry.js

@@ -0,0 +1,32 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgMegaMenuCss = () => `:host{display:inline-block;position:relative}.tg-mega{font-family:var(--tg-font-family-sans)}.tg-mega__trigger{display:inline-flex;align-items:center;gap:var(--tg-spacing-1);background:none;border:none;cursor:pointer;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary);padding:var(--tg-spacing-2) var(--tg-spacing-3);border-radius:var(--tg-radius-lg);transition:background var(--tg-duration-fast)}.tg-mega__trigger:hover{background:var(--tg-color-primary-subtle)}.tg-mega__chev{transition:transform var(--tg-duration-fast)}.tg-mega__chev--open{transform:rotate(180deg)}.tg-mega__panel{position:absolute;top:100%;left: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-xl);z-index:1000;min-width:36rem;animation:tg-mega-enter var(--tg-duration-fast) var(--tg-ease-out)}@keyframes tg-mega-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tg-mega__tabs{display:flex;border-bottom:1px solid var(--tg-color-border);padding:var(--tg-spacing-1) var(--tg-spacing-2) 0}.tg-mega__tab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--tg-spacing-2) var(--tg-spacing-3);font-size:var(--tg-font-size-sm);cursor:pointer;color:var(--tg-color-text-secondary);transition:all var(--tg-duration-fast)}.tg-mega__tab:hover{color:var(--tg-color-primary)}.tg-mega__tab--active{color:var(--tg-color-primary);border-bottom-color:var(--tg-color-primary);font-weight:var(--tg-font-weight-medium)}.tg-mega__sections{display:grid;grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr));gap:var(--tg-spacing-4);padding:var(--tg-spacing-4)}.tg-mega__sec-title{margin:0 0 var(--tg-spacing-2);font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tg-tracking-wide);color:var(--tg-color-text-secondary)}.tg-mega__item{display:flex;gap:var(--tg-spacing-2);padding:var(--tg-spacing-2);border-radius:var(--tg-radius-md);text-decoration:none;color:var(--tg-color-text-primary);transition:background var(--tg-duration-fast)}.tg-mega__item:hover{background:var(--tg-color-primary-subtle)}.tg-mega__item-icon{font-size:1.25rem;flex-shrink:0}.tg-mega__item-label{display:block;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium)}.tg-mega__item-desc{display:block;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);margin-top:2px}`;
+
+const TgMegaMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tabs = [];
+        this.open = false;
+        this.activeTab = 0;
+    }
+    get parsed() {
+        if (typeof this.tabs === 'string') {
+            try {
+                return JSON.parse(this.tabs);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.tabs;
+    }
+    onDocClick() { this.open = false; }
+    render() {
+        const tabs = this.parsed;
+        const active = tabs[this.activeTab];
+        return (h(Host, { key: '2fe88e550f40cd033df85d4f6a31866d9e3f7ebd' }, h("div", { key: '7245fd5e21bd7ae398c00472f1aba4c03eea4a33', class: "tg-mega", onClick: (e) => e.stopPropagation() }, h("button", { key: 'c54f6d55c5a337eca50144f11a5ac30ebad51ed0', class: "tg-mega__trigger", type: "button", onClick: () => { this.open = !this.open; } }, h("slot", { key: '7bdc928608dffadc862af62075249ac6afe1c85d', name: "trigger" }, "Menu"), h("svg", { key: 'a3d6184a5be6532d22ca7ef34c4508258578f8ff', class: { 'tg-mega__chev': true, 'tg-mega__chev--open': this.open }, viewBox: "0 0 20 20", fill: "currentColor", width: "14", height: "14" }, h("path", { key: '59cf945ebea3c9d7eb73e00c36caa1ec8ab4a38f', "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 && (h("div", { key: '484d4184425b2d7f24e7672307822b2778e7fa1d', class: "tg-mega__panel" }, tabs.length > 1 && h("div", { key: 'f9ea6f620a83c1fb6cbaa9d419361b80e502dcc1', class: "tg-mega__tabs" }, tabs.map((t, i) => h("button", { class: { 'tg-mega__tab': true, 'tg-mega__tab--active': i === this.activeTab }, type: "button", onClick: () => { this.activeTab = i; } }, t.label))), active && h("div", { key: '8108298cb4d800605bdbeb7c8d22cbf21c0c1518', class: "tg-mega__sections" }, active.sections.map(sec => (h("div", { class: "tg-mega__section" }, h("h4", { class: "tg-mega__sec-title" }, sec.title), sec.items.map(item => (h("a", { class: "tg-mega__item", href: item.href || '#' }, item.icon && h("span", { class: "tg-mega__item-icon" }, item.icon), h("div", null, h("span", { class: "tg-mega__item-label" }, item.label), item.description && h("span", { class: "tg-mega__item-desc" }, item.description))))))))))))));
+    }
+};
+TgMegaMenu.style = tgMegaMenuCss();
+
+export { TgMegaMenu as tg_mega_menu };

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

@@ -0,0 +1,41 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.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) {
+        registerInstance(this, hostRef);
+        this.tgClose = 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 (h(Host, null, 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" }, h("div", { class: { 'tg-modal__panel': true, [`tg-modal__panel--${this.size}`]: true } }, h("div", { class: "tg-modal__header" }, this.modalTitle && h("h2", { class: "tg-modal__title", id: "modal-title" }, this.modalTitle), h("button", { class: "tg-modal__close", onClick: this.close, "aria-label": "Fermer" }, h("svg", { viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }, h("line", { x1: "3", y1: "3", x2: "11", y2: "11" }), h("line", { x1: "11", y1: "3", x2: "3", y2: "11" })))), h("div", { class: "tg-modal__body" }, h("slot", null)), h("div", { class: "tg-modal__footer" }, h("slot", { name: "footer" }))))));
+    }
+};
+TgModal.style = tgModalCss();
+
+export { TgModal as tg_modal };