@teranga-ds/components 0.1.0

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

@@ -0,0 +1,113 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgTableCss = () => `:host{display:block;width:100%}.tg-table-wrapper{border:1px solid var(--tg-color-neutral-200, #e5e7eb);border-radius:var(--tg-radius-lg, 12px);overflow:hidden}.tg-table-scroll{overflow-x:auto}.tg-table{width:100%;border-collapse:collapse;font-family:var(--tg-font-family, sans-serif);font-size:var(--tg-font-size-sm, 0.8125rem)}.tg-table thead{background:var(--tg-color-neutral-50, #f9fafb)}.tg-table th{text-align:left;padding:var(--tg-spacing-sm, 12px) var(--tg-spacing-md, 16px);font-weight:var(--tg-font-weight-semibold, 600);color:var(--tg-color-text-secondary, #6b7280);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.04em;border-bottom:1px solid var(--tg-color-neutral-200, #e5e7eb);white-space:nowrap;user-select:none}.tg-table th--sortable{cursor:pointer;transition:color var(--tg-duration-fast, 150ms)}.tg-table th--sortable:hover{color:var(--tg-color-text, #111827)}.tg-table__sort-icon{display:inline-flex;margin-left:var(--tg-spacing-2xs, 4px);opacity:0.4;vertical-align:middle}.tg-table__sort-icon--active{opacity:1;color:var(--tg-color-primary, #00853F)}.tg-table__sort-icon svg{width:14px;height:14px}.tg-table td{padding:var(--tg-spacing-sm, 12px) var(--tg-spacing-md, 16px);color:var(--tg-color-text, #111827);border-bottom:1px solid var(--tg-color-neutral-100, #f3f4f6);vertical-align:middle}.tg-table tbody tr{transition:background var(--tg-duration-fast, 150ms)}.tg-table tbody tr:hover{background:var(--tg-color-neutral-50, #f9fafb)}.tg-table tbody tr:last-child td{border-bottom:none}.tg-table--striped tbody tr:nth-child(even){background:var(--tg-color-neutral-50, #f9fafb)}.tg-table--compact th,.tg-table--compact td{padding:var(--tg-spacing-xs, 8px) var(--tg-spacing-sm, 12px)}.tg-table__checkbox{width:18px;height:18px;accent-color:var(--tg-color-primary, #00853F);cursor:pointer}.tg-table__empty{text-align:center;padding:var(--tg-spacing-2xl, 48px) var(--tg-spacing-lg, 24px);color:var(--tg-color-text-secondary, #6b7280)}.tg-table__empty-icon{font-size:2rem;margin-bottom:var(--tg-spacing-sm, 12px);opacity:0.4}`;
+
+const TgTable = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgSort = index.createEvent(this, "tgSort");
+        this.tgSelect = index.createEvent(this, "tgSelect");
+        this.columns = [];
+        this.data = [];
+        this.striped = false;
+        this.compact = false;
+        this.selectable = false;
+        this.emptyText = 'Aucune donnée';
+        this.sortKey = null;
+        this.sortDir = 'asc';
+        this.selectedRows = new Set();
+        this.handleSort = (col) => {
+            if (!col.sortable)
+                return;
+            if (this.sortKey === col.key) {
+                this.sortDir = this.sortDir === 'asc' ? 'desc' : 'asc';
+            }
+            else {
+                this.sortKey = col.key;
+                this.sortDir = 'asc';
+            }
+            this.tgSort.emit({ key: col.key, direction: this.sortDir });
+        };
+        this.toggleRow = (index) => {
+            const next = new Set(this.selectedRows);
+            if (next.has(index))
+                next.delete(index);
+            else
+                next.add(index);
+            this.selectedRows = next;
+            this.tgSelect.emit([...next]);
+        };
+        this.toggleAll = () => {
+            const rows = this.sortedData;
+            if (this.selectedRows.size === rows.length) {
+                this.selectedRows = new Set();
+            }
+            else {
+                this.selectedRows = new Set(rows.map((_, i) => i));
+            }
+            this.tgSelect.emit([...this.selectedRows]);
+        };
+    }
+    get parsedColumns() {
+        if (typeof this.columns === 'string') {
+            try {
+                return JSON.parse(this.columns);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.columns;
+    }
+    get parsedData() {
+        if (typeof this.data === 'string') {
+            try {
+                return JSON.parse(this.data);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.data;
+    }
+    get sortedData() {
+        const rows = [...this.parsedData];
+        if (!this.sortKey)
+            return rows;
+        const key = this.sortKey;
+        const dir = this.sortDir === 'asc' ? 1 : -1;
+        return rows.sort((a, b) => {
+            const va = a[key];
+            const vb = b[key];
+            if (va == null)
+                return 1;
+            if (vb == null)
+                return -1;
+            if (typeof va === 'number' && typeof vb === 'number')
+                return (va - vb) * dir;
+            return String(va).localeCompare(String(vb)) * dir;
+        });
+    }
+    render() {
+        const cols = this.parsedColumns;
+        const rows = this.sortedData;
+        const ascending = `<svg viewBox="0 0 14 14" fill="currentColor"><path d="M7 3l4 5H3l4-5z"/></svg>`;
+        const descending = `<svg viewBox="0 0 14 14" fill="currentColor"><path d="M7 11l-4-5h8l-4 5z"/></svg>`;
+        return (index.h(index.Host, { key: '99c2d954442f43a51e1ba7d74f5dbee0ea761d74' }, index.h("div", { key: '9e7809c0d913e4e9102dc9b2833cc60747c5f209', class: "tg-table-wrapper" }, index.h("div", { key: 'a5c20b050f99d52887bcda2ddd61fb252e055764', class: "tg-table-scroll" }, index.h("table", { key: 'ef7ad43c02aac35b5e49a8128e8eb327a9921773', class: {
+                'tg-table': true,
+                'tg-table--striped': this.striped,
+                'tg-table--compact': this.compact,
+            } }, index.h("thead", { key: 'f7157def8d8f5701826eafd802edfb5e98d60c97' }, index.h("tr", { key: '34c77c7712b0de495292ceb67440690f3ecee561' }, this.selectable && (index.h("th", { key: '37fd83351f092b4c73f31db57ef8f8a115d91489', style: { width: '40px' } }, index.h("input", { key: 'f18e847bad40bc3e0960c683c5978ff0759f1eec', class: "tg-table__checkbox", type: "checkbox", checked: rows.length > 0 && this.selectedRows.size === rows.length, onChange: () => this.toggleAll(), "aria-label": "S\u00E9lectionner tout" }))), cols.map(col => (index.h("th", { class: { 'th--sortable': !!col.sortable }, style: col.width ? { width: col.width } : {}, onClick: () => this.handleSort(col) }, col.label, col.sortable && (index.h("span", { class: {
+                'tg-table__sort-icon': true,
+                'tg-table__sort-icon--active': this.sortKey === col.key,
+            }, innerHTML: this.sortKey === col.key && this.sortDir === 'desc' ? descending : ascending }))))))), index.h("tbody", { key: 'a9e19da69c43d3d7fdf40e5a52a6a2259d3009e7' }, rows.length === 0 ? (index.h("tr", null, index.h("td", { colSpan: cols.length + (this.selectable ? 1 : 0) }, index.h("div", { class: "tg-table__empty" }, index.h("div", { class: "tg-table__empty-icon" }, "\uD83D\uDCCB"), this.emptyText)))) : (rows.map((row, i) => (index.h("tr", null, this.selectable && (index.h("td", null, index.h("input", { class: "tg-table__checkbox", type: "checkbox", checked: this.selectedRows.has(i), onChange: () => this.toggleRow(i), "aria-label": `Sélectionner la ligne ${i + 1}` }))), cols.map(col => {
+            var _a;
+            return (index.h("td", null, String((_a = row[col.key]) !== null && _a !== void 0 ? _a : '')));
+        })))))))))));
+    }
+};
+TgTable.style = tgTableCss();
+
+exports.tg_table = TgTable;

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgTabsCss = () => `:host{display:block}.tg-tabs{display:flex;flex-direction:column}.tg-tabs__list{display:flex;gap:var(--tg-spacing-2xs, 4px);border-bottom:2px solid var(--tg-color-neutral-100, #f3f4f6);padding:0;margin:0;list-style:none;overflow-x:auto;scrollbar-width:none}.tg-tabs__list::-webkit-scrollbar{display:none}.tg-tabs__list--pills{border-bottom:none;background:var(--tg-color-neutral-50, #f9fafb);border-radius:var(--tg-radius-lg, 12px);padding:var(--tg-spacing-2xs, 4px)}.tg-tabs__tab{appearance:none;border:none;background:transparent;cursor:pointer;font-family:var(--tg-font-family, sans-serif);font-size:var(--tg-font-size-sm, 0.8125rem);font-weight:var(--tg-font-weight-medium, 500);color:var(--tg-color-text-secondary, #6b7280);padding:var(--tg-spacing-sm, 12px) var(--tg-spacing-md, 16px);white-space:nowrap;position:relative;transition:color var(--tg-duration-fast, 150ms), background var(--tg-duration-fast, 150ms);border-radius:0}.tg-tabs__tab::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:transparent;transition:background var(--tg-duration-fast, 150ms)}.tg-tabs__tab:hover{color:var(--tg-color-text, #111827)}.tg-tabs__tab--active{color:var(--tg-color-primary, #00853F)}.tg-tabs__tab--active::after{background:var(--tg-color-primary, #00853F)}.tg-tabs__tab:focus-visible{outline:none;box-shadow:var(--tg-focus-ring);border-radius:var(--tg-radius-sm, 4px)}.tg-tabs__list--pills .tg-tabs__tab{border-radius:var(--tg-radius-md, 8px)}.tg-tabs__list--pills .tg-tabs__tab::after{display:none}.tg-tabs__list--pills .tg-tabs__tab--active{background:var(--tg-color-surface, #fff);box-shadow:var(--tg-shadow-sm, 0 1px 3px rgba(0,0,0,0.1));color:var(--tg-color-primary, #00853F)}.tg-tabs__badge{display:inline-flex;align-items:center;justify-content:center;font-size:0.6875rem;font-weight:var(--tg-font-weight-semibold, 600);background:var(--tg-color-neutral-100, #f3f4f6);color:var(--tg-color-text-secondary, #6b7280);border-radius:9999px;padding:0 6px;min-width:18px;height:18px;margin-left:var(--tg-spacing-2xs, 4px)}.tg-tabs__tab--active .tg-tabs__badge{background:var(--tg-color-primary-50, #ecfdf5);color:var(--tg-color-primary, #00853F)}.tg-tabs__panel{padding:var(--tg-spacing-md, 16px) 0}`;
+
+const TgTabs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgTabChange = index.createEvent(this, "tgTabChange");
+        this.tabs = [];
+        this.variant = 'underline';
+        this.selectTab = (tab) => {
+            if (tab.disabled)
+                return;
+            this.internalActive = tab.id;
+            this.activeTab = tab.id;
+            this.tgTabChange.emit(tab.id);
+        };
+    }
+    get parsedTabs() {
+        if (typeof this.tabs === 'string') {
+            try {
+                return JSON.parse(this.tabs);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.tabs;
+    }
+    componentWillLoad() {
+        var _a;
+        const items = this.parsedTabs;
+        this.internalActive = (_a = this.activeTab) !== null && _a !== void 0 ? _a : (items.length > 0 ? items[0].id : '');
+    }
+    render() {
+        const items = this.parsedTabs;
+        return (index.h(index.Host, { key: 'c68ffca94fcc42f99cde35f88f37677e4b85e8e3' }, index.h("div", { key: 'f4303416e3144410bc3cce2d71dbd8b9ef9e0def', class: "tg-tabs" }, index.h("div", { key: '4da9fbb011b839a3400e07ca34968f7dc6df5d86', class: { 'tg-tabs__list': true, 'tg-tabs__list--pills': this.variant === 'pills' }, role: "tablist" }, items.map(tab => (index.h("button", { class: {
+                'tg-tabs__tab': true,
+                'tg-tabs__tab--active': this.internalActive === tab.id,
+            }, role: "tab", "aria-selected": this.internalActive === tab.id ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : undefined, onClick: () => this.selectTab(tab), tabindex: tab.disabled ? -1 : 0 }, tab.label, tab.badge && index.h("span", { class: "tg-tabs__badge" }, tab.badge))))), index.h("div", { key: 'ec6ced09c19b7e257706592a01a7e6457833113f', class: "tg-tabs__panel", role: "tabpanel" }, index.h("slot", { key: 'a7ecf6c0045e9b3245decfec424b1f0cb2b642fc' })))));
+    }
+};
+TgTabs.style = tgTabsCss();
+
+exports.tg_tabs = TgTabs;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgTagCss = () => `:host{display:inline-flex}.tg-tag{display:inline-flex;align-items:center;gap:var(--tg-spacing-1);font-family:var(--tg-font-family-sans);font-weight:var(--tg-font-weight-medium);border-radius:var(--tg-radius-full);border:1px solid transparent;white-space:nowrap;transition:all var(--tg-duration-fast) var(--tg-ease-default)}.tg-tag--sm{padding:0 var(--tg-spacing-2);height:1.25rem;font-size:var(--tg-font-size-2xs)}.tg-tag--md{padding:var(--tg-spacing-0-5) var(--tg-spacing-2-5);height:1.5rem;font-size:var(--tg-font-size-xs)}.tg-tag--lg{padding:var(--tg-spacing-1) var(--tg-spacing-3);height:1.875rem;font-size:var(--tg-font-size-sm)}.tg-tag--primary{background:var(--tg-color-primary);color:var(--tg-color-primary-on)}.tg-tag--secondary{background:var(--tg-color-secondary);color:var(--tg-color-secondary-on)}.tg-tag--success{background:var(--tg-color-success);color:var(--tg-color-success-on)}.tg-tag--danger{background:var(--tg-color-danger);color:var(--tg-color-danger-on)}.tg-tag--warning{background:var(--tg-color-warning);color:var(--tg-color-warning-on)}.tg-tag--info{background:var(--tg-color-info);color:var(--tg-color-info-on)}.tg-tag--neutral{background:var(--tg-color-neutral-200);color:var(--tg-color-text-primary)}.tg-tag--outlined.tg-tag--primary{background:var(--tg-color-primary-subtle);border-color:var(--tg-color-primary);color:var(--tg-color-primary)}.tg-tag--outlined.tg-tag--secondary{background:var(--tg-color-secondary-subtle);border-color:var(--tg-color-secondary);color:var(--tg-color-secondary)}.tg-tag--outlined.tg-tag--success{background:var(--tg-color-success-subtle);border-color:var(--tg-color-success);color:var(--tg-color-success)}.tg-tag--outlined.tg-tag--danger{background:var(--tg-color-danger-subtle);border-color:var(--tg-color-danger);color:var(--tg-color-danger)}.tg-tag--outlined.tg-tag--warning{background:var(--tg-color-warning-subtle);border-color:var(--tg-color-warning);color:var(--tg-color-warning)}.tg-tag--outlined.tg-tag--info{background:var(--tg-color-info-subtle);border-color:var(--tg-color-info);color:var(--tg-color-info)}.tg-tag--outlined.tg-tag--neutral{background:transparent;border-color:var(--tg-color-border);color:var(--tg-color-text-primary)}.tg-tag__remove{display:inline-flex;align-items:center;justify-content:center;width:0.875rem;height:0.875rem;border:none;background:none;color:inherit;cursor:pointer;border-radius:var(--tg-radius-full);padding:0;opacity:0.7;transition:opacity var(--tg-duration-fast) var(--tg-ease-default)}.tg-tag__remove:hover{opacity:1}.tg-tag__remove svg{width:0.625rem;height:0.625rem}.tg-tag__dot{width:0.375rem;height:0.375rem;border-radius:var(--tg-radius-full);background:currentColor}`;
+
+const TgTag = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgRemove = index.createEvent(this, "tgRemove");
+        this.variant = 'neutral';
+        this.size = 'md';
+        this.outlined = false;
+        this.removable = false;
+        this.dot = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '2b9a8ab0eabdbb6867bfd60e967b9a10d91aad05' }, index.h("span", { key: '970651f6e231c62325f2805a8859fbed30ae5045', class: {
+                'tg-tag': true,
+                [`tg-tag--${this.variant}`]: true,
+                [`tg-tag--${this.size}`]: true,
+                'tg-tag--outlined': this.outlined,
+            } }, this.dot && index.h("span", { key: '30311cba420000b3722aab6f57a3b61e96505ee4', class: "tg-tag__dot" }), index.h("slot", { key: 'ea882d21197eae879024b487cb2407d0c2fb30b6' }), this.removable && (index.h("button", { key: '1b2516ebd333017827edf62f9e00f983c4291a73', class: "tg-tag__remove", onClick: () => this.tgRemove.emit(), "aria-label": "Supprimer" }, index.h("svg", { key: 'ec8b3712b49b3775ae2a01aad242f9bd842d837a', viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }, index.h("line", { key: 'acf0dbb549b8a4506ccfb82d96090d09b5380f3e', x1: "2", y1: "2", x2: "8", y2: "8" }), index.h("line", { key: '8bf5bdb1feff9236312563152ce894c1d3bf9cd0', x1: "8", y1: "2", x2: "2", y2: "8" })))))));
+    }
+};
+TgTag.style = tgTagCss();
+
+exports.tg_tag = TgTag;

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

@@ -0,0 +1,45 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgTextareaCss = () => `:host{display:block}:host([full-width]){width:100%}.tg-textarea-wrapper{display:flex;flex-direction:column;gap:var(--tg-spacing-1-5);font-family:var(--tg-font-family-sans)}.tg-textarea__label{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-normal)}.tg-textarea__required{color:var(--tg-color-danger)}.tg-textarea__field{display:block;width:100%;min-height:5rem;padding:var(--tg-spacing-2-5) var(--tg-spacing-3);font-family:var(--tg-font-family-sans);font-size:var(--tg-font-size-sm);line-height:var(--tg-line-height-relaxed);color:var(--tg-color-text-primary);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-lg);outline:none;resize:vertical;transition:border-color var(--tg-duration-fast) var(--tg-ease-default),               box-shadow var(--tg-duration-fast) var(--tg-ease-default)}.tg-textarea__field::placeholder{color:var(--tg-color-text-disabled)}.tg-textarea__field:focus{border-color:var(--tg-color-border-focus);box-shadow:var(--tg-focus-ring)}.tg-textarea__field:disabled{background:var(--tg-color-surface-sunken);opacity:0.6;cursor:not-allowed;resize:none}.tg-textarea__field--invalid{border-color:var(--tg-color-danger)}.tg-textarea__field--invalid:focus{box-shadow:0 0 0 3px rgba(227, 27, 35, 0.3)}.tg-textarea__footer{display:flex;justify-content:space-between;align-items:center}.tg-textarea__helper,.tg-textarea__error{font-size:var(--tg-font-size-xs);line-height:var(--tg-line-height-normal)}.tg-textarea__helper{color:var(--tg-color-text-secondary)}.tg-textarea__error{color:var(--tg-color-danger);display:flex;align-items:center;gap:var(--tg-spacing-1)}.tg-textarea__counter{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);margin-left:auto}.tg-textarea__counter--over{color:var(--tg-color-danger);font-weight:var(--tg-font-weight-semibold)}`;
+
+const TgTextarea = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.createEvent(this, "tgChange");
+        this.tgFocus = index.createEvent(this, "tgFocus");
+        this.tgBlur = index.createEvent(this, "tgBlur");
+        this.value = '';
+        this.required = false;
+        this.disabled = false;
+        this.readonly = false;
+        this.fullWidth = false;
+        this.rows = 4;
+        this.resize = 'vertical';
+        this.textareaId = `tg-textarea-${textareaCount++}`;
+        this.charCount = 0;
+        this.handleInput = (e) => {
+            const val = e.target.value;
+            this.value = val;
+            this.charCount = val.length;
+            this.tgChange.emit(val);
+        };
+    }
+    componentWillLoad() {
+        this.charCount = this.value.length;
+    }
+    render() {
+        var _a;
+        const isInvalid = !!this.error;
+        const isOver = this.maxlength ? this.charCount > this.maxlength : false;
+        return (index.h(index.Host, { key: '17c61812b338b67cde0bbc207e2a06cca0dba010' }, index.h("div", { key: '62aa91867bc525ccfcb79045d1b0f895dcd1aca7', class: "tg-textarea-wrapper" }, this.label && (index.h("label", { key: '2dc2d050dbda70059ab11fbfc65d4b1974fa6aa2', class: "tg-textarea__label", htmlFor: this.textareaId }, this.label, this.required && index.h("span", { key: 'a8bf38a3ee6f4000b6c39d77b8563e4853716523', class: "tg-textarea__required" }, " *"))), index.h("textarea", Object.assign({ key: 'a65400a7d015264400b9ea9776153e07b23e72af', id: this.textareaId, class: {
+                'tg-textarea__field': true,
+                'tg-textarea__field--invalid': isInvalid,
+            }, value: this.value, placeholder: (_a = this.placeholder) !== null && _a !== void 0 ? _a : '', disabled: this.disabled, readOnly: this.readonly, required: this.required, rows: this.rows }, (this.maxlength != null ? { maxlength: this.maxlength } : {}), { style: { resize: this.resize } }, (isInvalid ? { 'aria-invalid': 'true' } : {}), (isInvalid ? { 'aria-describedby': `${this.textareaId}-error` } : this.helperText ? { 'aria-describedby': `${this.textareaId}-helper` } : {}), { onInput: this.handleInput, onFocus: () => this.tgFocus.emit(), onBlur: () => this.tgBlur.emit() })), index.h("div", { key: 'cca4b51d16003baa31080e268aa91f459dd31520', class: "tg-textarea__footer" }, isInvalid ? (index.h("span", { class: "tg-textarea__error", id: `${this.textareaId}-error` }, this.error)) : this.helperText ? (index.h("span", { class: "tg-textarea__helper", id: `${this.textareaId}-helper` }, this.helperText)) : index.h("span", null), this.maxlength !== undefined && (index.h("span", { key: 'f26710c52fd1c23bb3ee639583a76d3c9cc75aa1', class: { 'tg-textarea__counter': true, 'tg-textarea__counter--over': isOver } }, this.charCount, "/", this.maxlength))))));
+    }
+};
+let textareaCount = 0;
+TgTextarea.style = tgTextareaCss();
+
+exports.tg_textarea = TgTextarea;

package/dist/cjs/tg-time-picker.cjs.entry.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgTimePickerCss = () => `:host{display:block}.tg-time-picker{position:relative;font-family:var(--tg-font-family-sans)}.tg-tp__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-tp__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-tp__input-wrap:focus-within{border-color:var(--tg-color-border-focus);box-shadow:var(--tg-focus-ring)}.tg-tp__input-wrap--invalid{border-color:var(--tg-color-danger)}.tg-tp__icon{color:var(--tg-color-text-secondary);flex-shrink:0}.tg-tp__input{flex:1;border:none;outline:none;background:transparent;color:var(--tg-color-text-primary);font-family:inherit;cursor:pointer}.tg-time-picker--sm .tg-tp__input{height:2rem;font-size:var(--tg-font-size-xs)}.tg-time-picker--md .tg-tp__input{height:2.5rem;font-size:var(--tg-font-size-sm)}.tg-time-picker--lg .tg-tp__input{height:3rem;font-size:var(--tg-font-size-md)}.tg-tp__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;max-height:14rem;overflow-y:auto;padding:var(--tg-spacing-1) 0;list-style:none}.tg-tp__option{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-tp__option:hover{background:var(--tg-color-primary-subtle)}.tg-tp__option--sel{color:var(--tg-color-primary);font-weight:var(--tg-font-weight-medium);background:var(--tg-color-primary-subtle)}`;
+
+const TgTimePicker = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.createEvent(this, "tgChange");
+        this.placeholder = 'HH:MM';
+        this.disabled = false;
+        this.invalid = false;
+        this.size = 'md';
+        this.step = 15;
+        this.open = false;
+    }
+    onDocClick() { this.open = false; }
+    get timeSlots() {
+        const s = [];
+        for (let h = 0; h < 24; h++)
+            for (let m = 0; m < 60; m += this.step)
+                s.push(String(h).padStart(2, '0') + ':' + String(m).padStart(2, '0'));
+        return s;
+    }
+    select(t) { this.tgChange.emit(t); this.open = false; }
+    render() {
+        var _a;
+        return (index.h(index.Host, { key: '849781e7e50dd73ecbe0864486a4fe5c6d4685df' }, index.h("div", { key: 'a81ed67e81f51b8e80cd75476813368323be8d70', class: 'tg-time-picker tg-time-picker--' + this.size, onClick: (e) => e.stopPropagation() }, this.label && index.h("label", { key: '7e622b24469cc6d6a77a46633060ff14d54fe623', class: "tg-tp__label" }, this.label), index.h("div", { key: '67feb386304c0bfdbf8dc817fc4cfecc616aba71', class: { 'tg-tp__input-wrap': true, 'tg-tp__input-wrap--invalid': this.invalid }, onClick: () => {
+                if (!this.disabled)
+                    this.open = !this.open;
+            } }, index.h("svg", { key: '7b84f961e363e7ab86a28a314eff985c2f80c272', class: "tg-tp__icon", viewBox: "0 0 20 20", fill: "currentColor", width: "16", height: "16" }, index.h("path", { key: '4a673cefb5e9a130e78df630fe0df0fbf0868509', "fill-rule": "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" })), index.h("input", { key: '8d9c1be087659b8553e59f643a363de13b2bcf29', class: "tg-tp__input", type: "text", readonly: true, value: (_a = this.value) !== null && _a !== void 0 ? _a : '', placeholder: this.placeholder, disabled: this.disabled })), this.open && (index.h("ul", { key: '1cc12756a2bda771a09c95975cf2cb5395adfc76', class: "tg-tp__dropdown" }, this.timeSlots.map(t => (index.h("li", { class: { 'tg-tp__option': true, 'tg-tp__option--sel': t === this.value }, onClick: () => this.select(t) }, t))))))));
+    }
+};
+TgTimePicker.style = tgTimePickerCss();
+
+exports.tg_time_picker = TgTimePicker;

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

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgTimelineCss = () => `:host{display:block}.tg-timeline{font-family:var(--tg-font-family-sans)}.tg-timeline--vertical .tg-tl__item{display:flex;gap:var(--tg-spacing-3);position:relative;padding-bottom:var(--tg-spacing-6)}.tg-tl__dot{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--tg-font-size-xs);flex-shrink:0;z-index:1}.tg-tl__dot--default{background:var(--tg-color-primary-subtle);color:var(--tg-color-primary);border:2px solid var(--tg-color-primary)}.tg-tl__dot--success{background:var(--tg-color-success-subtle);color:var(--tg-color-success);border:2px solid var(--tg-color-success)}.tg-tl__dot--warning{background:var(--tg-color-warning-subtle);color:var(--tg-color-warning);border:2px solid var(--tg-color-warning)}.tg-tl__dot--danger{background:var(--tg-color-danger-subtle);color:var(--tg-color-danger);border:2px solid var(--tg-color-danger)}.tg-tl__dot--info{background:var(--tg-color-info-subtle);color:var(--tg-color-info);border:2px solid var(--tg-color-info)}.tg-tl__connector{position:absolute;left:calc(1rem - 1px);top:2rem;bottom:0;width:2px;background:var(--tg-color-border)}.tg-tl__content{flex:1;padding-top:var(--tg-spacing-0-5)}.tg-tl__time{display:block;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);margin-bottom:var(--tg-spacing-0-5)}.tg-tl__title{margin:0;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-semibold);color:var(--tg-color-text-primary)}.tg-tl__desc{margin:var(--tg-spacing-1) 0 0;font-size:var(--tg-font-size-sm);color:var(--tg-color-text-secondary);line-height:var(--tg-line-height-relaxed)}`;
+
+const TgTimeline = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.items = [];
+        this.layout = 'vertical';
+    }
+    get parsed() {
+        if (typeof this.items === 'string') {
+            try {
+                return JSON.parse(this.items);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.items;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'e0c026647ff30d31e7fd659754c374e348cbef6e' }, index.h("div", { key: 'd549a2cd40cd2d9fdd5ba3f670fe52d74d9a4854', class: 'tg-timeline tg-timeline--' + this.layout }, this.parsed.map((item, i) => (index.h("div", { class: "tg-tl__item" }, index.h("div", { class: 'tg-tl__dot tg-tl__dot--' + (item.variant || 'default') }, item.icon || ''), i < this.parsed.length - 1 && index.h("div", { class: "tg-tl__connector" }), index.h("div", { class: "tg-tl__content" }, item.time && index.h("span", { class: "tg-tl__time" }, item.time), index.h("h4", { class: "tg-tl__title" }, item.title), item.description && index.h("p", { class: "tg-tl__desc" }, item.description))))))));
+    }
+};
+TgTimeline.style = tgTimelineCss();
+
+exports.tg_timeline = TgTimeline;

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgToastCss = () => `:host{display:block}.tg-toast{display:flex;align-items:flex-start;gap:var(--tg-spacing-3);padding:var(--tg-spacing-3) var(--tg-spacing-4);font-family:var(--tg-font-family-sans);border-radius:var(--tg-radius-xl);box-shadow:var(--tg-shadow-lg);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);color:var(--tg-color-text-primary);max-width:24rem;animation:tg-toast-enter var(--tg-duration-slow) var(--tg-ease-out)}.tg-toast--exiting{animation:tg-toast-exit var(--tg-duration-normal) var(--tg-ease-in) forwards}@keyframes tg-toast-enter{from{opacity:0;transform:translateY(1rem) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tg-toast-exit{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.tg-toast--success{border-left:3px solid var(--tg-color-success)}.tg-toast--danger{border-left:3px solid var(--tg-color-danger)}.tg-toast--warning{border-left:3px solid var(--tg-color-warning)}.tg-toast--info{border-left:3px solid var(--tg-color-info)}.tg-toast__icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:0.125rem}.tg-toast--success .tg-toast__icon{color:var(--tg-color-success)}.tg-toast--danger .tg-toast__icon{color:var(--tg-color-danger)}.tg-toast--warning .tg-toast__icon{color:var(--tg-color-warning)}.tg-toast--info .tg-toast__icon{color:var(--tg-color-info)}.tg-toast__body{flex:1;display:flex;flex-direction:column;gap:var(--tg-spacing-1);min-width:0}.tg-toast__title{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-semibold);line-height:var(--tg-line-height-tight)}.tg-toast__message{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);line-height:var(--tg-line-height-normal)}.tg-toast__close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:none;cursor:pointer;color:var(--tg-color-text-secondary);border-radius:var(--tg-radius-md);padding:0;flex-shrink:0;transition:background var(--tg-duration-fast) var(--tg-ease-default)}.tg-toast__close:hover{background:var(--tg-color-neutral-100);color:var(--tg-color-text-primary)}.tg-toast__close svg{width:0.875rem;height:0.875rem}.tg-toast__progress{position:absolute;bottom:0;left:0;height:2px;border-radius:0 0 var(--tg-radius-xl) var(--tg-radius-xl);background:var(--tg-color-primary);transition:width linear}.tg-toast{position:relative;overflow:hidden}`;
+
+const TgToast = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgDismiss = index.createEvent(this, "tgDismiss");
+        this.variant = 'info';
+        this.duration = 5000;
+        this.dismissible = true;
+        this.visible = true;
+        this.exiting = false;
+        this.dismiss = () => {
+            this.exiting = true;
+            setTimeout(() => {
+                this.visible = false;
+                this.tgDismiss.emit();
+            }, 200);
+        };
+    }
+    connectedCallback() {
+        if (this.duration > 0) {
+            this.timer = setTimeout(() => this.dismiss(), this.duration);
+        }
+    }
+    disconnectedCallback() {
+        clearTimeout(this.timer);
+    }
+    getIcon() {
+        const icons = {
+            success: `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z" clip-rule="evenodd"/></svg>`,
+            danger: `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM8.28 7.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 11.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 8.94 8.28 7.22Z" clip-rule="evenodd"/></svg>`,
+            warning: `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 5Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"/></svg>`,
+            info: `<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z" clip-rule="evenodd"/></svg>`,
+        };
+        return icons[this.variant];
+    }
+    render() {
+        if (!this.visible)
+            return null;
+        return (index.h(index.Host, null, index.h("div", { class: {
+                'tg-toast': true,
+                [`tg-toast--${this.variant}`]: true,
+                'tg-toast--exiting': this.exiting,
+            }, role: "alert", "aria-live": "assertive" }, index.h("span", { class: "tg-toast__icon", innerHTML: this.getIcon() }), index.h("div", { class: "tg-toast__body" }, this.toastTitle && index.h("span", { class: "tg-toast__title" }, this.toastTitle), this.message && index.h("span", { class: "tg-toast__message" }, this.message), index.h("slot", null)), this.dismissible && (index.h("button", { class: "tg-toast__close", onClick: this.dismiss, "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" })))))));
+    }
+};
+TgToast.style = tgToastCss();
+
+exports.tg_toast = TgToast;

package/dist/cjs/tg-token-usage.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgTokenUsageCss = () => `:host{display:block}.tg-tu{font-family:var(--tg-font-family-sans)}.tg-tu__bar{display:flex;height:6px;border-radius:var(--tg-radius-full);background:var(--tg-color-surface-sunken);overflow:hidden}.tg-tu__segment{height:100%;transition:width var(--tg-duration-normal)}.tg-tu__segment--prompt{background:var(--tg-color-primary)}.tg-tu__segment--completion{background:var(--tg-color-info)}.tg-tu__info{display:flex;flex-wrap:wrap;gap:var(--tg-spacing-3);margin-top:var(--tg-spacing-1-5);align-items:center}.tg-tu__stat{display:inline-flex;align-items:center;gap:var(--tg-spacing-1);font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}.tg-tu__dot{width:8px;height:8px;border-radius:50%}.tg-tu__dot--prompt{background:var(--tg-color-primary)}.tg-tu__dot--completion{background:var(--tg-color-info)}.tg-tu__total{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);font-family:var(--tg-font-family-mono);margin-left:auto}.tg-tu__cost{font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-tu--compact .tg-tu__info{font-size:var(--tg-font-size-xs);gap:var(--tg-spacing-2)}`;
+
+const TgTokenUsage = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.promptTokens = 0;
+        this.completionTokens = 0;
+        this.maxTokens = 4096;
+        this.compact = false;
+    }
+    get total() { return this.promptTokens + this.completionTokens; }
+    get pct() { return (this.total / this.maxTokens) * 100; }
+    render() {
+        return (index.h(index.Host, { key: 'ce0670ef0eb3cc61d04706f9c930db7584a1c970' }, index.h("div", { key: 'e8037942f8c57a2cf9a5e1d8724cfb06a306b93d', class: { 'tg-tu': true, 'tg-tu--compact': this.compact } }, index.h("div", { key: '27f3af584a7582fd4b21173cc467944d3747022e', class: "tg-tu__bar" }, index.h("div", { key: 'dadf017849e681688764c29241425f58e3bc6f2e', class: "tg-tu__segment tg-tu__segment--prompt", style: { width: (this.promptTokens / this.maxTokens * 100) + '%' } }), index.h("div", { key: '58b5ed73602fa5af342a4f74f549796bbcd6312c', class: "tg-tu__segment tg-tu__segment--completion", style: { width: (this.completionTokens / this.maxTokens * 100) + '%' } })), index.h("div", { key: 'df6f1b6d5207485898dd4f046a4c4ba7de0e4f85', class: "tg-tu__info" }, index.h("span", { key: 'c6a10c9839881ce2c15b15a35aa1558afd1212bc', class: "tg-tu__stat" }, index.h("span", { key: '36d81b57a12a15a80f41feb794df3d477c1d5cd5', class: "tg-tu__dot tg-tu__dot--prompt" }), " Prompt: ", this.promptTokens), index.h("span", { key: 'ca65c496ee27ee00c90e914d8a2952130e723097', class: "tg-tu__stat" }, index.h("span", { key: '0fddc113c73fdc51189e71cef6eb2f9832de0e82', class: "tg-tu__dot tg-tu__dot--completion" }), " Compl\\u00e9tion: ", this.completionTokens), index.h("span", { key: 'f806e3e0450d8259f6f9f7e398c1e7d86cc07a07', class: "tg-tu__total" }, this.total, " / ", this.maxTokens, " (", Math.round(this.pct), "%)"), this.cost && index.h("span", { key: '076bece91ad867b3ed3e5afdaa4f94eb3405873c', class: "tg-tu__cost" }, this.cost)))));
+    }
+};
+TgTokenUsage.style = tgTokenUsageCss();
+
+exports.tg_token_usage = TgTokenUsage;

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

@@ -0,0 +1,32 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgTooltipCss = () => `:host{display:inline-flex;position:relative}.tg-tooltip__trigger{display:inline-flex}.tg-tooltip__content{position:absolute;z-index:1600;padding:var(--tg-spacing-1-5) var(--tg-spacing-2-5);font-family:var(--tg-font-family-sans);font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium);line-height:var(--tg-line-height-snug);color:var(--tg-color-neutral-0);background:var(--tg-color-neutral-800);border-radius:var(--tg-radius-md);white-space:nowrap;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity var(--tg-duration-fast) var(--tg-ease-out),               transform var(--tg-duration-fast) var(--tg-ease-out);box-shadow:var(--tg-shadow-md)}.tg-tooltip__content--visible{opacity:1;transform:scale(1)}.tg-tooltip__content--top{bottom:100%;left:50%;transform:translateX(-50%) scale(0.95);margin-bottom:var(--tg-spacing-1-5)}.tg-tooltip__content--top.tg-tooltip__content--visible{transform:translateX(-50%) scale(1)}.tg-tooltip__content--bottom{top:100%;left:50%;transform:translateX(-50%) scale(0.95);margin-top:var(--tg-spacing-1-5)}.tg-tooltip__content--bottom.tg-tooltip__content--visible{transform:translateX(-50%) scale(1)}.tg-tooltip__content--left{right:100%;top:50%;transform:translateY(-50%) scale(0.95);margin-right:var(--tg-spacing-1-5)}.tg-tooltip__content--left.tg-tooltip__content--visible{transform:translateY(-50%) scale(1)}.tg-tooltip__content--right{left:100%;top:50%;transform:translateY(-50%) scale(0.95);margin-left:var(--tg-spacing-1-5)}.tg-tooltip__content--right.tg-tooltip__content--visible{transform:translateY(-50%) scale(1)}.tg-tooltip__content::after{content:'';position:absolute;width:6px;height:6px;background:var(--tg-color-neutral-800);transform:rotate(45deg)}.tg-tooltip__content--top::after{bottom:-3px;left:50%;margin-left:-3px}.tg-tooltip__content--bottom::after{top:-3px;left:50%;margin-left:-3px}.tg-tooltip__content--left::after{right:-3px;top:50%;margin-top:-3px}.tg-tooltip__content--right::after{left:-3px;top:50%;margin-top:-3px}`;
+
+const TgTooltip = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.text = '';
+        this.position = 'top';
+        this.delay = 200;
+        this.visible = false;
+        this.show = () => {
+            this.showTimeout = setTimeout(() => { this.visible = true; }, this.delay);
+        };
+        this.hide = () => {
+            clearTimeout(this.showTimeout);
+            this.visible = false;
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '49be9dbde614486e03430b933d2381127bd4c3fd', onMouseEnter: this.show, onMouseLeave: this.hide, onFocusin: this.show, onFocusout: this.hide }, index.h("span", { key: '52f041f387a611de25dfc8362762dab68547b0c8', class: "tg-tooltip__trigger" }, index.h("slot", { key: 'ecf1fa7b4498714dbf063266baa3f4ea3bca8f52' })), this.text && (index.h("span", { key: '1662fd98d6fd38d04caa678c674ab97a936b18ab', class: {
+                'tg-tooltip__content': true,
+                [`tg-tooltip__content--${this.position}`]: true,
+                'tg-tooltip__content--visible': this.visible,
+            }, role: "tooltip" }, this.text))));
+    }
+};
+TgTooltip.style = tgTooltipCss();
+
+exports.tg_tooltip = TgTooltip;

package/dist/cjs/tg-tree-view.cjs.entry.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgTreeViewCss = () => `:host{display:block}.tg-tree-view{font-family:var(--tg-font-family-sans)}.tg-tv__node{display:flex;align-items:center;gap:var(--tg-spacing-1);padding:var(--tg-spacing-1-5) var(--tg-spacing-2);cursor:pointer;border-radius:var(--tg-radius-md);font-size:var(--tg-font-size-sm);color:var(--tg-color-text-primary);transition:background var(--tg-duration-fast);user-select:none}.tg-tv__node:hover{background:var(--tg-color-primary-subtle)}.tg-tv__node--sel{background:var(--tg-color-primary-subtle);color:var(--tg-color-primary);font-weight:var(--tg-font-weight-medium)}.tg-tv__arrow{display:flex;transition:transform var(--tg-duration-fast);color:var(--tg-color-text-secondary)}.tg-tv__arrow--expanded{transform:rotate(90deg)}.tg-tv__arrow--hidden{visibility:hidden}.tg-tv__icon{font-size:1rem}.tg-tv__label{flex:1}`;
+
+const TgTreeView = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.data = [];
+        this.selectable = false;
+        this.expandedKeys = new Set();
+        this.selectedKey = '';
+    }
+    get parsed() {
+        if (typeof this.data === 'string') {
+            try {
+                return JSON.parse(this.data);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.data;
+    }
+    toggle(key) {
+        const s = new Set(this.expandedKeys);
+        if (s.has(key))
+            s.delete(key);
+        else
+            s.add(key);
+        this.expandedKeys = s;
+    }
+    renderNode(node, key, depth) {
+        const hasKids = node.children && node.children.length > 0;
+        const expanded = this.expandedKeys.has(key);
+        return [
+            index.h("div", { class: { 'tg-tv__node': true, 'tg-tv__node--sel': this.selectedKey === key }, style: { paddingLeft: (depth * 1.25) + 'rem' }, onClick: () => {
+                    if (hasKids)
+                        this.toggle(key);
+                    if (this.selectable)
+                        this.selectedKey = key;
+                } }, index.h("span", { class: { 'tg-tv__arrow': true, 'tg-tv__arrow--expanded': expanded, 'tg-tv__arrow--hidden': !hasKids } }, index.h("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "12", height: "12" }, index.h("path", { d: "M6 4l4 4-4 4z" }))), node.icon && index.h("span", { class: "tg-tv__icon" }, node.icon), index.h("span", { class: "tg-tv__label" }, node.label)),
+            hasKids && expanded && node.children.map((child, i) => this.renderNode(child, key + '-' + i, depth + 1))
+        ];
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c80aaea69704113b373305ea6149c344ea155406' }, index.h("div", { key: 'da6c72d703622634d462d1ef21ec071d60e7c53e', class: "tg-tree-view" }, this.parsed.map((n, i) => this.renderNode(n, String(i), 0)))));
+    }
+};
+TgTreeView.style = tgTreeViewCss();
+
+exports.tg_tree_view = TgTreeView;

package/dist/cjs/tg-undo-snackbar.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgUndoSnackbarCss = () => `:host{display:block;position:fixed;bottom:var(--tg-spacing-4);left:50%;transform:translateX(-50%);z-index:10000}.tg-us{display:flex;align-items:center;gap:var(--tg-spacing-3);padding:var(--tg-spacing-3) var(--tg-spacing-4);background:var(--tg-color-neutral-900);color:white;border-radius:var(--tg-radius-lg);box-shadow:var(--tg-shadow-xl);font-family:var(--tg-font-family-sans);animation:tg-us-in 0.2s var(--tg-ease-out)}@keyframes tg-us-in{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.tg-us__msg{font-size:var(--tg-font-size-sm)}.tg-us__undo{background:none;border:none;color:var(--tg-color-primary, #4ade80);font-weight:var(--tg-font-weight-semibold);font-size:var(--tg-font-size-sm);cursor:pointer;text-transform:uppercase;letter-spacing:var(--tg-tracking-wide)}.tg-us__undo:hover{text-decoration:underline}.tg-us__close{background:none;border:none;color:rgba(255,255,255,0.6);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.tg-us__close:hover{color:white}`;
+
+const TgUndoSnackbar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgUndo = index.createEvent(this, "tgUndo");
+        this.tgDismiss = index.createEvent(this, "tgDismiss");
+        this.message = '';
+        this.open = false;
+        this.undoLabel = 'Annuler';
+        this.duration = 5000;
+    }
+    componentDidUpdate() {
+        if (this.open && this.duration > 0) {
+            setTimeout(() => this.tgDismiss.emit(), this.duration);
+        }
+    }
+    render() {
+        if (!this.open)
+            return index.h(index.Host, null);
+        return (index.h(index.Host, null, index.h("div", { class: "tg-us" }, index.h("span", { class: "tg-us__msg" }, this.message), index.h("button", { class: "tg-us__undo", type: "button", onClick: () => this.tgUndo.emit() }, this.undoLabel), index.h("button", { class: "tg-us__close", type: "button", "aria-label": "Close", onClick: () => this.tgDismiss.emit() }, "\\u00d7"))));
+    }
+};
+TgUndoSnackbar.style = tgUndoSnackbarCss();
+
+exports.tg_undo_snackbar = TgUndoSnackbar;

package/dist/cjs/tg-video-player.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgVideoPlayerCss = () => `:host{display:block}.tg-vp{font-family:var(--tg-font-family-sans);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-xl);overflow:hidden;background:var(--tg-color-neutral-900)}.tg-vp__header{padding:var(--tg-spacing-2) var(--tg-spacing-3);background:var(--tg-color-surface-raised);border-bottom:1px solid var(--tg-color-border)}.tg-vp__title{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-vp__container{position:relative;width:100%}.tg-vp__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}`;
+
+const TgVideoPlayer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.src = '';
+        this.aspectRatio = '16/9';
+    }
+    render() {
+        return (index.h(index.Host, { key: '6f0dbc06a4893ff242d6fd4ed6552d4a40b6a12b' }, index.h("div", { key: '907de69e60c7bcf4e160098b8ab5e3618274b201', class: "tg-vp" }, this.heading && index.h("div", { key: 'f2209ad8ecf963eea39b108f77080d5e305b5f8c', class: "tg-vp__header" }, index.h("span", { key: '8156016564902a363fc2e36b3a9a36b38c32ca86', class: "tg-vp__title" }, this.heading)), index.h("div", { key: '0bb6a8ee43cd5df6ff8437b29b9bfb98cbd815d8', class: "tg-vp__container", style: { aspectRatio: this.aspectRatio } }, index.h("video", Object.assign({ key: '9e4882704f2ee94fa07eedc885f62de695fe29cd', class: "tg-vp__video", controls: true }, (this.poster ? { poster: this.poster } : {}), { preload: "metadata" }), index.h("source", { key: '4f239ccf6d3fb836671ac1c761b2cb6acc947bca', src: this.src }))))));
+    }
+};
+TgVideoPlayer.style = tgVideoPlayerCss();
+
+exports.tg_video_player = TgVideoPlayer;

package/dist/cjs/tg-wizard-nav.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgWizardNavCss = () => `:host{display:block}.tg-wiz{font-family:var(--tg-font-family-sans)}.tg-wiz__progress{height:4px;background:var(--tg-color-surface-sunken);border-radius:var(--tg-radius-full);margin-bottom:var(--tg-spacing-3);overflow:hidden}.tg-wiz__bar{height:100%;background:var(--tg-color-primary);border-radius:var(--tg-radius-full);transition:width var(--tg-duration-normal) var(--tg-ease-out)}.tg-wiz__actions{display:flex;align-items:center;justify-content:space-between}.tg-wiz__btn{display:inline-flex;align-items:center;gap:var(--tg-spacing-1);padding:var(--tg-spacing-2) var(--tg-spacing-4);border-radius:var(--tg-radius-lg);font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);cursor:pointer;transition:all var(--tg-duration-fast);border:1px solid transparent}.tg-wiz__btn--back{background:none;color:var(--tg-color-text-secondary);border-color:var(--tg-color-border)}.tg-wiz__btn--back:hover:not(:disabled){background:var(--tg-color-surface-sunken)}.tg-wiz__btn--back:disabled{opacity:0.4;cursor:not-allowed}.tg-wiz__btn--next{background:var(--tg-color-primary);color:var(--tg-color-primary-on)}.tg-wiz__btn--next:hover{filter:brightness(1.1)}.tg-wiz__btn--finish{background:var(--tg-color-success);color:white}.tg-wiz__btn--finish:hover{filter:brightness(1.1)}.tg-wiz__step{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}`;
+
+const TgWizardNav = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgBack = index.createEvent(this, "tgBack");
+        this.tgNext = index.createEvent(this, "tgNext");
+        this.tgFinish = index.createEvent(this, "tgFinish");
+        this.currentStep = 0;
+        this.totalSteps = 1;
+        this.backLabel = 'Pr\u00e9c\u00e9dent';
+        this.nextLabel = 'Suivant';
+        this.finishLabel = 'Terminer';
+        this.showProgress = true;
+    }
+    get isLast() { return this.currentStep >= this.totalSteps - 1; }
+    get progress() { return ((this.currentStep + 1) / this.totalSteps) * 100; }
+    render() {
+        return (index.h(index.Host, { key: 'edb5f78e83c1dab9e34200063b803b7842cce693' }, index.h("div", { key: '030c10b44b1e92ee8e45d41851fd7853f9175ff8', class: "tg-wiz" }, this.showProgress && (index.h("div", { key: '0315eddfb2be048a582b3e16499c725978c1742a', class: "tg-wiz__progress" }, index.h("div", { key: 'e8949eed4cd964dcab17835a37689dd3d63bb846', class: "tg-wiz__bar", style: { width: this.progress + '%' } }))), index.h("div", { key: '10eec94b68f18850d33c4e5642f57f1b5360875f', class: "tg-wiz__actions" }, index.h("button", { key: '31323728f528247c336b8a9bc066c9690179e586', class: "tg-wiz__btn tg-wiz__btn--back", type: "button", disabled: this.currentStep === 0, onClick: () => this.tgBack.emit() }, "\\u2039 ", this.backLabel), index.h("span", { key: 'e397620856c90eaa0ebe614be777a7c37621e171', class: "tg-wiz__step" }, "\\u00c9tape ", this.currentStep + 1, " / ", this.totalSteps), this.isLast
+            ? index.h("button", { class: "tg-wiz__btn tg-wiz__btn--finish", type: "button", onClick: () => this.tgFinish.emit() }, this.finishLabel)
+            : index.h("button", { class: "tg-wiz__btn tg-wiz__btn--next", type: "button", onClick: () => this.tgNext.emit() }, this.nextLabel, " \\u203a")))));
+    }
+};
+TgWizardNav.style = tgWizardNavCss();
+
+exports.tg_wizard_nav = TgWizardNav;