@teranga-ds/components 0.1.0

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

@@ -0,0 +1,67 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgSelectCss = () => `:host{display:block}:host([full-width]){width:100%}.tg-select-wrapper{display:flex;flex-direction:column;gap:var(--tg-spacing-1-5);font-family:var(--tg-font-family-sans);position:relative}.tg-select__label{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-select__required{color:var(--tg-color-danger)}.tg-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-spacing-2);width:100%;padding:0 var(--tg-spacing-3);font-family:inherit;font-size:var(--tg-font-size-sm);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);cursor:pointer;outline:none;transition:border-color var(--tg-duration-fast) var(--tg-ease-default),               box-shadow var(--tg-duration-fast) var(--tg-ease-default)}.tg-select__trigger:focus-visible{border-color:var(--tg-color-border-focus);box-shadow:var(--tg-focus-ring)}.tg-select__trigger--placeholder{color:var(--tg-color-text-disabled)}.tg-select__trigger--invalid{border-color:var(--tg-color-danger)}.tg-select-wrapper--sm .tg-select__trigger{height:2rem;font-size:var(--tg-font-size-xs)}.tg-select-wrapper--md .tg-select__trigger{height:2.5rem}.tg-select-wrapper--lg .tg-select__trigger{height:3rem;font-size:var(--tg-font-size-md)}.tg-select__trigger:disabled{background:var(--tg-color-surface-sunken);opacity:0.6;cursor:not-allowed}.tg-select__chevron{width:1em;height:1em;flex-shrink:0;transition:transform var(--tg-duration-fast) var(--tg-ease-default);color:var(--tg-color-text-secondary)}.tg-select__chevron--open{transform:rotate(180deg)}.tg-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--tg-spacing-1);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-lg);box-shadow:var(--tg-shadow-lg);z-index:1000;max-height:16rem;overflow-y:auto;padding:var(--tg-spacing-1) 0;animation:tg-select-enter var(--tg-duration-fast) var(--tg-ease-out)}@keyframes tg-select-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tg-select__option{display:flex;align-items:center;padding:var(--tg-spacing-2) var(--tg-spacing-3);font-size:var(--tg-font-size-sm);cursor:pointer;color:var(--tg-color-text-primary);transition:background var(--tg-duration-fast) var(--tg-ease-default)}.tg-select__option:hover{background:var(--tg-color-primary-subtle)}.tg-select__option--selected{background:var(--tg-color-primary-subtle);color:var(--tg-color-primary);font-weight:var(--tg-font-weight-medium)}.tg-select__option--disabled{opacity:0.5;cursor:not-allowed}.tg-select__check{width:1em;height:1em;margin-right:var(--tg-spacing-2);color:var(--tg-color-primary)}.tg-select__helper,.tg-select__error{font-size:var(--tg-font-size-xs)}.tg-select__helper{color:var(--tg-color-text-secondary)}.tg-select__error{color:var(--tg-color-danger)}`;
+
+const TgSelect = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgChange = createEvent(this, "tgChange");
+        this.placeholder = 'Sélectionner…';
+        this.options = '[]';
+        this.required = false;
+        this.disabled = false;
+        this.fullWidth = false;
+        this.size = 'md';
+        this.selectId = `tg-select-${selectCount++}`;
+        this.open = false;
+        this.toggleDropdown = (e) => {
+            e.stopPropagation();
+            if (!this.disabled)
+                this.open = !this.open;
+        };
+        this.selectOption = (opt, e) => {
+            e.stopPropagation();
+            if (opt.disabled)
+                return;
+            this.value = opt.value;
+            this.open = false;
+            this.tgChange.emit(opt.value);
+        };
+    }
+    get parsedOptions() {
+        if (typeof this.options === 'string') {
+            try {
+                return JSON.parse(this.options);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.options;
+    }
+    get selectedLabel() {
+        var _a;
+        return (_a = this.parsedOptions.find(o => o.value === this.value)) === null || _a === void 0 ? void 0 : _a.label;
+    }
+    handleDocumentClick() {
+        this.open = false;
+    }
+    render() {
+        var _a;
+        const isInvalid = !!this.error;
+        const opts = this.parsedOptions;
+        return (h(Host, { key: '443ea0e4bb8538d5db70c691097bf93cfceff132' }, h("div", { key: '32f0921431972dc7401f0bd38ff2b05e6cbeff88', class: { 'tg-select-wrapper': true, [`tg-select-wrapper--${this.size}`]: true } }, this.label && (h("label", { key: '34273d2004455a131a2a73daf9b317449d9e6f4d', class: "tg-select__label" }, this.label, this.required && h("span", { key: '3b1e463ef449629e1f6dcf89b4cc67ebbab20e5c', class: "tg-select__required" }, " *"))), h("button", { key: 'dab926bef0054f133c277bbbe736b5399e69f0e3', type: "button", class: {
+                'tg-select__trigger': true,
+                'tg-select__trigger--placeholder': !this.value,
+                'tg-select__trigger--invalid': isInvalid,
+            }, disabled: this.disabled, "aria-expanded": this.open ? 'true' : 'false', "aria-haspopup": "listbox", onClick: this.toggleDropdown }, h("span", { key: '8cba42521505bf731343bdf1d4e8206bb6d3f08d' }, (_a = this.selectedLabel) !== null && _a !== void 0 ? _a : this.placeholder), h("svg", { key: '9e496d5f2697df35291483c14bf17d68d59b657a', class: { 'tg-select__chevron': true, 'tg-select__chevron--open': this.open }, viewBox: "0 0 20 20", fill: "currentColor" }, h("path", { key: '180baa210ebef935a9a68c54555656a526d16e41', "fill-rule": "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", "clip-rule": "evenodd" }))), this.open && (h("div", { key: '48c4d329ad75ec2a6255cddc069daac3f8be05d8', class: "tg-select__dropdown", role: "listbox", onClick: (e) => e.stopPropagation() }, opts.map(opt => (h("div", { class: {
+                'tg-select__option': true,
+                'tg-select__option--selected': opt.value === this.value,
+                'tg-select__option--disabled': !!opt.disabled,
+            }, role: "option", "aria-selected": opt.value === this.value ? 'true' : 'false', onClick: (e) => this.selectOption(opt, e) }, opt.value === this.value && (h("svg", { class: "tg-select__check", viewBox: "0 0 20 20", fill: "currentColor" }, h("path", { "fill-rule": "evenodd", d: "M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z", "clip-rule": "evenodd" }))), opt.label))))), isInvalid ? (h("span", { class: "tg-select__error" }, this.error)) : this.helperText ? (h("span", { class: "tg-select__helper" }, this.helperText)) : null)));
+    }
+};
+let selectCount = 0;
+TgSelect.style = tgSelectCss();
+
+export { TgSelect as tg_select };

package/dist/esm/tg-session-expired.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgSessionExpiredCss = () => `:host{display:contents}.tg-se__overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center}.tg-se{background:var(--tg-color-surface-raised);border-radius:var(--tg-radius-2xl);padding:var(--tg-spacing-8);text-align:center;max-width:22rem;font-family:var(--tg-font-family-sans)}.tg-se__icon{font-size:3rem;margin-bottom:var(--tg-spacing-3)}.tg-se__title{margin:0 0 var(--tg-spacing-2);font-size:var(--tg-font-size-lg);font-weight:var(--tg-font-weight-semibold);color:var(--tg-color-text-primary)}.tg-se__msg{margin:0 0 var(--tg-spacing-5);font-size:var(--tg-font-size-sm);color:var(--tg-color-text-secondary);line-height:var(--tg-line-height-relaxed)}.tg-se__btn{width:100%;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}.tg-se__btn:hover{filter:brightness(1.1)}`;
+
+const TgSessionExpired = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgRelogin = createEvent(this, "tgRelogin");
+        this.open = false;
+        this.heading = 'Session expir\u00e9e';
+        this.message = 'Votre session a expir\u00e9. Veuillez vous reconnecter.';
+        this.loginLabel = 'Se reconnecter';
+    }
+    render() {
+        if (!this.open)
+            return h(Host, null);
+        return (h(Host, null, h("div", { class: "tg-se__overlay" }, h("div", { class: "tg-se" }, h("div", { class: "tg-se__icon" }, "\\ud83d\\udd12"), h("h3", { class: "tg-se__title" }, this.heading), h("p", { class: "tg-se__msg" }, this.message), h("button", { class: "tg-se__btn", type: "button", onClick: () => this.tgRelogin.emit() }, this.loginLabel)))));
+    }
+};
+TgSessionExpired.style = tgSessionExpiredCss();
+
+export { TgSessionExpired as tg_session_expired };

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

@@ -0,0 +1,33 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgSidebarCss = () => `:host{display:block}.tg-sidebar{display:flex;flex-direction:column;width:260px;min-height:100%;background:var(--tg-color-surface, #fff);border-right:1px solid var(--tg-color-neutral-100, #f3f4f6);font-family:var(--tg-font-family, sans-serif);padding:var(--tg-spacing-md, 16px);transition:width var(--tg-duration-normal, 200ms) var(--tg-ease-default, ease),               transform var(--tg-duration-normal, 200ms) var(--tg-ease-default, ease)}.tg-sidebar--collapsed{width:64px}.tg-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--tg-spacing-md, 16px);margin-bottom:var(--tg-spacing-sm, 12px);border-bottom:1px solid var(--tg-color-neutral-100, #f3f4f6)}.tg-sidebar__title{font-size:var(--tg-font-size-md, 0.875rem);font-weight:var(--tg-font-weight-semibold, 600);color:var(--tg-color-text, #111827);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tg-sidebar--collapsed .tg-sidebar__title{display:none}.tg-sidebar__collapse-btn{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);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--tg-duration-fast, 150ms)}.tg-sidebar__collapse-btn:hover{background:var(--tg-color-neutral-50, #f9fafb)}.tg-sidebar__collapse-btn:focus-visible{outline:none;box-shadow:var(--tg-focus-ring)}.tg-sidebar__collapse-btn svg{width:18px;height:18px;transition:transform var(--tg-duration-fast, 150ms)}.tg-sidebar--collapsed .tg-sidebar__collapse-btn svg{transform:rotate(180deg)}.tg-sidebar__section{margin-bottom:var(--tg-spacing-md, 16px)}.tg-sidebar__section-title{font-size:0.6875rem;font-weight:var(--tg-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:0.05em;color:var(--tg-color-text-secondary, #6b7280);padding:0 var(--tg-spacing-sm, 12px);margin-bottom:var(--tg-spacing-xs, 8px)}.tg-sidebar--collapsed .tg-sidebar__section-title{display:none}.tg-sidebar__nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.tg-sidebar__link{display:flex;align-items:center;gap:var(--tg-spacing-sm, 12px);padding:var(--tg-spacing-xs, 8px) var(--tg-spacing-sm, 12px);border-radius:var(--tg-radius-md, 8px);color:var(--tg-color-text-secondary, #6b7280);text-decoration:none;font-size:var(--tg-font-size-sm, 0.8125rem);font-weight:var(--tg-font-weight-medium, 500);transition:color var(--tg-duration-fast, 150ms), background var(--tg-duration-fast, 150ms);white-space:nowrap;overflow:hidden}.tg-sidebar__link:hover{color:var(--tg-color-text, #111827);background:var(--tg-color-neutral-50, #f9fafb)}.tg-sidebar__link--active{color:var(--tg-color-primary, #00853F);background:var(--tg-color-primary-50, #ecfdf5)}.tg-sidebar__link:focus-visible{outline:none;box-shadow:var(--tg-focus-ring)}.tg-sidebar__link-icon{display:inline-flex;flex-shrink:0;width:20px;height:20px}.tg-sidebar__link-icon svg{width:20px;height:20px}.tg-sidebar__link-label{overflow:hidden;text-overflow:ellipsis}.tg-sidebar--collapsed .tg-sidebar__link-label{display:none}.tg-sidebar--collapsed .tg-sidebar__link{justify-content:center;padding:var(--tg-spacing-xs, 8px)}.tg-sidebar__badge{margin-left:auto;font-size:0.6875rem;font-weight:var(--tg-font-weight-semibold, 600);background:var(--tg-color-danger, #dc2626);color:#fff;border-radius:9999px;padding:0 6px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.tg-sidebar--collapsed .tg-sidebar__badge{display:none}.tg-sidebar__footer{margin-top:auto;padding-top:var(--tg-spacing-md, 16px);border-top:1px solid var(--tg-color-neutral-100, #f3f4f6)}`;
+
+const TgSidebar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sections = [];
+        this.collapsible = true;
+        this.collapsed = false;
+        this.toggle = () => {
+            this.collapsed = !this.collapsed;
+        };
+    }
+    get parsedSections() {
+        if (typeof this.sections === 'string') {
+            try {
+                return JSON.parse(this.sections);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.sections;
+    }
+    render() {
+        const collapseIcon = `<svg viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><polyline points="11 4 6 9 11 14"/></svg>`;
+        return (h(Host, { key: 'b737361dcac64bcb5be072cd15fdffd1403727b8' }, h("aside", { key: '1f245cfb865867879bab9d99684d1df5bda5695d', class: { 'tg-sidebar': true, 'tg-sidebar--collapsed': this.collapsed } }, h("div", { key: '1598853eb15bda306f63a1d10ebe014c98b6b05b', class: "tg-sidebar__header" }, this.sidebarTitle && h("span", { key: '02126064491917cab82bd81cdc267d5ed0d5684c', class: "tg-sidebar__title" }, this.sidebarTitle), this.collapsible && (h("button", { key: 'e56f87603071294c12b43c9a616244d3e15773d7', class: "tg-sidebar__collapse-btn", onClick: this.toggle, "aria-label": this.collapsed ? 'Déplier' : 'Réduire', innerHTML: collapseIcon }))), this.parsedSections.map(section => (h("div", { class: "tg-sidebar__section" }, section.title && h("div", { class: "tg-sidebar__section-title" }, section.title), h("ul", { class: "tg-sidebar__nav" }, section.items.map(item => (h("li", null, h("a", { class: { 'tg-sidebar__link': true, 'tg-sidebar__link--active': !!item.active }, href: item.href }, item.icon && h("span", { class: "tg-sidebar__link-icon", innerHTML: item.icon }), h("span", { class: "tg-sidebar__link-label" }, item.label), item.badge && h("span", { class: "tg-sidebar__badge" }, item.badge))))))))), h("div", { key: '4b6663f96bc740f7e6643b78a6de05a49457754b', class: "tg-sidebar__footer" }, h("slot", { key: '5af6b38e199baeb4b45dde26aaadfad7e0930bc7', name: "footer" })))));
+    }
+};
+TgSidebar.style = tgSidebarCss();
+
+export { TgSidebar as tg_sidebar };

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

@@ -0,0 +1,28 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgSkeletonCss = () => `:host{display:block}.tg-skeleton{background:var(--tg-color-neutral-100, #f3f4f6);border-radius:var(--tg-radius-md, 8px);overflow:hidden;position:relative}.tg-skeleton--rect{border-radius:var(--tg-radius-md, 8px)}.tg-skeleton--circle{border-radius:50%}.tg-skeleton--text{border-radius:var(--tg-radius-sm, 4px);height:1em}.tg-skeleton--pulse{animation:tg-skeleton-pulse 1.8s ease-in-out infinite}@keyframes tg-skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.tg-skeleton--shimmer::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(     90deg,     transparent 0%,     rgba(255, 255, 255, 0.4) 50%,     transparent 100%   );animation:tg-skeleton-shimmer 1.8s ease-in-out infinite}@keyframes tg-skeleton-shimmer{100%{transform:translateX(100%)}}:host-context([data-theme="dark"]) .tg-skeleton{background:var(--tg-color-neutral-800, #1f2937)}:host-context([data-theme="dark"]) .tg-skeleton--shimmer::after{background:linear-gradient(     90deg,     transparent 0%,     rgba(255, 255, 255, 0.06) 50%,     transparent 100%   )}`;
+
+const TgSkeleton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.shape = 'rect';
+        this.animation = 'shimmer';
+        this.count = 1;
+    }
+    render() {
+        const style = {};
+        if (this.width)
+            style.width = this.width;
+        if (this.height)
+            style.height = this.height;
+        const skeletons = Array.from({ length: this.count }, (_, i) => (h("div", { key: i, class: {
+                'tg-skeleton': true,
+                [`tg-skeleton--${this.shape}`]: true,
+                [`tg-skeleton--${this.animation}`]: this.animation !== 'none',
+            }, style: style, "aria-hidden": "true" })));
+        return h(Host, { key: 'f519db7bac0eec2a4e212b0000c8422a0c352fc9' }, skeletons);
+    }
+};
+TgSkeleton.style = tgSkeletonCss();
+
+export { TgSkeleton as tg_skeleton };

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

@@ -0,0 +1,24 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgSliderCss = () => `:host{display:block}.tg-slider{font-family:var(--tg-font-family-sans)}.tg-slider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--tg-spacing-2)}.tg-slider__label{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-slider__value{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-semibold);color:var(--tg-color-primary);background:var(--tg-color-primary-subtle);padding:2px var(--tg-spacing-2);border-radius:var(--tg-radius-full)}.tg-slider__input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--tg-radius-full);background:linear-gradient(to right, var(--tg-color-primary) 0%, var(--tg-color-primary) var(--tg-slider-pct, 50%), var(--tg-color-neutral-200) var(--tg-slider-pct, 50%), var(--tg-color-neutral-200) 100%);outline:none;cursor:pointer}.tg-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--tg-color-primary);border:3px solid white;box-shadow:var(--tg-shadow-md);cursor:grab;transition:transform var(--tg-duration-fast)}.tg-slider__input::-webkit-slider-thumb:active{transform:scale(1.15);cursor:grabbing}.tg-slider__input:disabled{opacity:0.5;cursor:not-allowed}.tg-slider__ticks{display:flex;justify-content:space-between;margin-top:var(--tg-spacing-1);font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}`;
+
+const TgSlider = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgChange = createEvent(this, "tgChange");
+        this.min = 0;
+        this.max = 100;
+        this.step = 1;
+        this.value = 50;
+        this.disabled = false;
+        this.showValue = true;
+        this.handleInput = (e) => { this.tgChange.emit(Number(e.target.value)); };
+    }
+    get percent() { return ((this.value - this.min) / (this.max - this.min)) * 100; }
+    render() {
+        return (h(Host, { key: 'bb0f4e2fe9a272e959f3230cc79f63f212a9b5b1' }, h("div", { key: '7d62b0fcc7c077ce9db0473607837530c3e96d35', class: "tg-slider" }, (this.label || this.showValue) && (h("div", { key: '49b5fe1851a4a46f9718e2efdef8c1ffecffd20a', class: "tg-slider__header" }, this.label && h("label", { key: '3d24e5b106003b8ee31b041a383e0641654a5851', class: "tg-slider__label" }, this.label), this.showValue && h("span", { key: 'eddb799b0eae2f6281f8a11c10aab901ab3fcb12', class: "tg-slider__value" }, this.value, this.unit ? ' ' + this.unit : ''))), h("input", { key: 'bb9c67b34cef713e2f1be06f44f06e16a3f0f32b', type: "range", class: "tg-slider__input", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.handleInput, style: { '--tg-slider-pct': this.percent + '%' } }), h("div", { key: '63dd4226f558abb5da23dbca6c759a024bac8a8d', class: "tg-slider__ticks" }, h("span", { key: '17d84469397b2678c4d6a716e8da1f7dc5e7e663' }, this.min), h("span", { key: 'd738e2ade4ca801875ae2afcf443f2c33b31691d' }, this.max)))));
+    }
+};
+TgSlider.style = tgSliderCss();
+
+export { TgSlider as tg_slider };

package/dist/esm/tg-source-citation.entry.js

@@ -0,0 +1,27 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgSourceCitationCss = () => `:host{display:block}.tg-sc{font-family:var(--tg-font-family-sans);background:var(--tg-color-surface-sunken);border-radius:var(--tg-radius-lg);padding:var(--tg-spacing-3)}.tg-sc__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-sc__item{display:flex;gap:var(--tg-spacing-2);padding:var(--tg-spacing-2) 0;border-bottom:1px solid var(--tg-color-border)}.tg-sc__item:last-child{border-bottom:none}.tg-sc__num{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--tg-color-primary-subtle);color:var(--tg-color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-bold);flex-shrink:0}.tg-sc__body{flex:1}.tg-sc__link{font-size:var(--tg-font-size-sm);color:var(--tg-color-primary);text-decoration:none;font-weight:var(--tg-font-weight-medium)}.tg-sc__link:hover{text-decoration:underline}.tg-sc__name{font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-sc__snippet{margin:var(--tg-spacing-0-5) 0 0;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);line-height:var(--tg-line-height-relaxed)}.tg-sc__rel{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-disabled);font-family:var(--tg-font-family-mono)}`;
+
+const TgSourceCitation = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sources = [];
+    }
+    get parsed() {
+        if (typeof this.sources === 'string') {
+            try {
+                return JSON.parse(this.sources);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.sources;
+    }
+    render() {
+        return (h(Host, { key: 'a7cae9f6beddde97a2881e916adf2b9394bc55e4' }, h("div", { key: 'bd52ccfb944e12f84178c44f8ffb19bdc19665e0', class: "tg-sc" }, h("h4", { key: '709b16ea40a17733b3e62320675b31456d981825', class: "tg-sc__title" }, "Sources"), this.parsed.map((src, i) => (h("div", { class: "tg-sc__item" }, h("span", { class: "tg-sc__num" }, i + 1), h("div", { class: "tg-sc__body" }, src.url ? h("a", { class: "tg-sc__link", href: src.url, target: "_blank", rel: "noopener" }, src.title) : h("span", { class: "tg-sc__name" }, src.title), src.snippet && h("p", { class: "tg-sc__snippet" }, src.snippet)), src.relevance !== undefined && h("span", { class: "tg-sc__rel" }, Math.round(src.relevance * 100), "%")))))));
+    }
+};
+TgSourceCitation.style = tgSourceCitationCss();
+
+export { TgSourceCitation as tg_source_citation };

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

@@ -0,0 +1,25 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgSpinnerCss = () => `:host{display:inline-flex;align-items:center;justify-content:center}.tg-spinner{display:inline-flex;animation:tg-spin 0.75s linear infinite}.tg-spinner svg{width:100%;height:100%}.tg-spinner--xs{width:12px;height:12px}.tg-spinner--sm{width:16px;height:16px}.tg-spinner--md{width:24px;height:24px}.tg-spinner--lg{width:36px;height:36px}.tg-spinner--xl{width:48px;height:48px}.tg-spinner--primary{color:var(--tg-color-primary)}.tg-spinner--secondary{color:var(--tg-color-secondary-hover)}.tg-spinner--danger{color:var(--tg-color-danger)}.tg-spinner--neutral{color:var(--tg-color-neutral-500)}.tg-spinner--inherit{color:inherit}.tg-spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@keyframes tg-spin{to{transform:rotate(360deg)}}`;
+
+const TgSpinner = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Size of the spinner */
+        this.size = 'md';
+        /** Color variant */
+        this.variant = 'primary';
+        /** Accessible label (rendered as visually hidden text) */
+        this.label = 'Chargement…';
+    }
+    render() {
+        return (h(Host, { key: 'a4dc53352ed1db875fa5a085ab915eb7ddf00cc0', role: "status", "aria-label": this.label }, h("span", { key: '2c277a9fbb6273d3b4f105bf12594ec52251fceb', class: {
+                'tg-spinner': true,
+                [`tg-spinner--${this.size}`]: true,
+                [`tg-spinner--${this.variant}`]: true,
+            }, "aria-hidden": "true" }, h("svg", { key: '7d36efbbf1bddbd3548f5255e08658787c87602e', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'faee23a3b5d702792b74e444509db41c77ea1075', cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", opacity: "0.2" }), h("path", { key: 'c32dae2064c0168f56d1f5b4fcebe7686f31bc48', d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }))), h("span", { key: '9ba7bde08f66239156062d4a6f85de44d2317c7c', class: "tg-spinner__sr-only" }, this.label)));
+    }
+};
+TgSpinner.style = tgSpinnerCss();
+
+export { TgSpinner as tg_spinner };

package/dist/esm/tg-stat-widget.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgStatWidgetCss = () => `:host{display:block}.tg-sw{display:flex;align-items:center;justify-content:space-between;font-family:var(--tg-font-family-sans);padding:var(--tg-spacing-4);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-xl)}.tg-sw__left{display:flex;align-items:center;gap:var(--tg-spacing-3)}.tg-sw__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--tg-color-primary-subtle);color:var(--tg-color-primary);border-radius:var(--tg-radius-lg);font-size:1.25rem}.tg-sw__label{margin:0;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);text-transform:uppercase;letter-spacing:var(--tg-tracking-wide)}.tg-sw__value{margin:var(--tg-spacing-0-5) 0 0;font-size:var(--tg-font-size-xl);font-weight:var(--tg-font-weight-bold);color:var(--tg-color-text-primary)}.tg-sw__change{display:inline-block;font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium);margin-top:var(--tg-spacing-0-5)}.tg-sw__change--positive{color:var(--tg-color-success)}.tg-sw__change--negative{color:var(--tg-color-danger)}.tg-sw__change--neutral{color:var(--tg-color-text-secondary)}.tg-sw__sparkline{max-width:6rem}.tg-sw__sparkline svg{width:100%;height:auto}`;
+
+const TgStatWidget = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.label = '';
+        this.value = '';
+    }
+    render() {
+        return (h(Host, { key: '71fe673531950d5e53e916b2bb1801827292516e' }, h("div", { key: '75e53ab1ad1507debedbb84b2d19a6918cb13b95', class: "tg-sw" }, h("div", { key: '1e7f20f0693a4e77a5b1bf04cd6548a9f0f1fddc', class: "tg-sw__left" }, this.icon && h("div", { key: 'ac6a63c455fde4c2af0cfd2d914112a352099022', class: "tg-sw__icon" }, this.icon), h("div", { key: 'e7cbdd4d17097e99c1a33325e0f91269353f12b1' }, h("p", { key: '27cfa751e84b303172482572cf03f3045d0591e4', class: "tg-sw__label" }, this.label), h("p", { key: '54287895545d5092097c4600210711a390cc35f4', class: "tg-sw__value" }, this.value), this.change && h("span", { key: '27bd9c3c40656cad9d1b05aa39e3b473b7e4effd', class: 'tg-sw__change tg-sw__change--' + (this.changeType || 'neutral') }, this.change))), this.sparkline && h("div", { key: '01a637b10a8bc7c5c11063bee3ab81d4b5ab9809', class: "tg-sw__sparkline", innerHTML: this.sparkline }))));
+    }
+};
+TgStatWidget.style = tgStatWidgetCss();
+
+export { TgStatWidget as tg_stat_widget };

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

@@ -0,0 +1,19 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgStatusBadgeCss = () => `:host{display:inline-flex}.tg-sb{display:inline-flex;align-items:center;gap:var(--tg-spacing-1-5);padding:var(--tg-spacing-0-5) var(--tg-spacing-2);border-radius:var(--tg-radius-full);font-family:var(--tg-font-family-sans);font-weight:var(--tg-font-weight-medium)}.tg-sb--sm{font-size:var(--tg-font-size-xs)}.tg-sb--md{font-size:var(--tg-font-size-sm)}.tg-sb--lg{font-size:var(--tg-font-size-md)}.tg-sb__dot{width:0.5rem;height:0.5rem;border-radius:50%;flex-shrink:0}.tg-sb__dot--pulse{animation:tg-pulse 2s ease-in-out infinite}@keyframes tg-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.tg-sb--online{background:var(--tg-color-success-subtle);color:var(--tg-color-success)}.tg-sb--online .tg-sb__dot{background:var(--tg-color-success)}.tg-sb--offline{background:var(--tg-color-surface-sunken);color:var(--tg-color-text-secondary)}.tg-sb--offline .tg-sb__dot{background:var(--tg-color-text-disabled)}.tg-sb--busy{background:var(--tg-color-danger-subtle);color:var(--tg-color-danger)}.tg-sb--busy .tg-sb__dot{background:var(--tg-color-danger)}.tg-sb--away{background:var(--tg-color-warning-subtle);color:var(--tg-color-warning)}.tg-sb--away .tg-sb__dot{background:var(--tg-color-warning)}.tg-sb--error{background:var(--tg-color-danger-subtle);color:var(--tg-color-danger)}.tg-sb--error .tg-sb__dot{background:var(--tg-color-danger)}.tg-sb--success{background:var(--tg-color-success-subtle);color:var(--tg-color-success)}.tg-sb--success .tg-sb__dot{background:var(--tg-color-success)}.tg-sb--warning{background:var(--tg-color-warning-subtle);color:var(--tg-color-warning)}.tg-sb--warning .tg-sb__dot{background:var(--tg-color-warning)}.tg-sb--pending{background:var(--tg-color-info-subtle);color:var(--tg-color-info)}.tg-sb--pending .tg-sb__dot{background:var(--tg-color-info)}`;
+
+const TgStatusBadge = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.label = '';
+        this.status = 'online';
+        this.pulse = false;
+        this.size = 'md';
+    }
+    render() {
+        return (h(Host, { key: '6017007b53e67c1f04a07db9aebd87d06055ed34' }, h("span", { key: '484781a875e6d2dfba37d4bec0d327f95ccf1e4f', class: 'tg-sb tg-sb--' + this.status + ' tg-sb--' + this.size }, h("span", { key: 'a4da826874b889566f46bedb5957119a9f3cf0dc', class: { 'tg-sb__dot': true, 'tg-sb__dot--pulse': this.pulse } }), h("span", { key: '519e56385ef0bd4ae36d77fb0a4428f3914f121e', class: "tg-sb__label" }, this.label))));
+    }
+};
+TgStatusBadge.style = tgStatusBadgeCss();
+
+export { TgStatusBadge as tg_status_badge };

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

@@ -0,0 +1,37 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgStepperInputCss = () => `:host{display:block}.tg-stepper{font-family:var(--tg-font-family-sans)}.tg-stepper__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-stepper__controls{display:inline-flex;align-items:center;border:1px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-lg);overflow:hidden;background:var(--tg-color-surface-raised)}.tg-stepper__btn{display:flex;align-items:center;justify-content:center;background:var(--tg-color-surface-sunken);border:none;cursor:pointer;color:var(--tg-color-text-primary);transition:background var(--tg-duration-fast)}.tg-stepper__btn:hover:not(:disabled){background:var(--tg-color-primary-subtle);color:var(--tg-color-primary)}.tg-stepper__btn:disabled{opacity:0.4;cursor:not-allowed}.tg-stepper--sm .tg-stepper__btn{width:2rem;height:2rem}.tg-stepper--md .tg-stepper__btn{width:2.5rem;height:2.5rem}.tg-stepper--lg .tg-stepper__btn{width:3rem;height:3rem}.tg-stepper__input{width:3.5rem;text-align:center;border:none;border-left:1px solid var(--tg-color-border);border-right:1px solid var(--tg-color-border);outline:none;background:transparent;color:var(--tg-color-text-primary);font-family:var(--tg-font-family-mono);font-weight:var(--tg-font-weight-semibold);-moz-appearance:textfield}.tg-stepper__input::-webkit-inner-spin-button,.tg-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tg-stepper--sm .tg-stepper__input{height:2rem;font-size:var(--tg-font-size-xs)}.tg-stepper--md .tg-stepper__input{height:2.5rem;font-size:var(--tg-font-size-sm)}.tg-stepper--lg .tg-stepper__input{height:3rem;font-size:var(--tg-font-size-md)}`;
+
+const TgStepperInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgChange = createEvent(this, "tgChange");
+        this.value = 0;
+        this.step = 1;
+        this.disabled = false;
+        this.size = 'md';
+        this.dec = () => {
+            const n = this.value - this.step;
+            if (this.min !== undefined && n < this.min)
+                return;
+            this.tgChange.emit(n);
+        };
+        this.inc = () => {
+            const n = this.value + this.step;
+            if (this.max !== undefined && n > this.max)
+                return;
+            this.tgChange.emit(n);
+        };
+        this.handleInput = (e) => {
+            const v = Number(e.target.value);
+            if (!isNaN(v))
+                this.tgChange.emit(v);
+        };
+    }
+    render() {
+        return (h(Host, { key: '60de6385be386f59d0b984c95d920723379bb405' }, h("div", { key: '23a44db1b87e3c070be161e7662cb2cba735fc6e', class: 'tg-stepper tg-stepper--' + this.size }, this.label && h("label", { key: '849f72333cbf36ee52b0c1544cc850a6224194e7', class: "tg-stepper__label" }, this.label), h("div", { key: '958b4cc95408832f1b8e6317dd67fdb065338149', class: "tg-stepper__controls" }, h("button", { key: 'cfc488651da3e8b6a8f13e01e334205d363433d7', class: "tg-stepper__btn", type: "button", onClick: this.dec, disabled: this.disabled || (this.min !== undefined && this.value <= this.min), "aria-label": "Decrease" }, h("svg", { key: '130d9a414069101afbc8f44e70ae86f7ff5cc169', viewBox: "0 0 20 20", fill: "currentColor", width: "16", height: "16" }, h("path", { key: '21914aca7d9914655e03b3ceb4416022051814b1', "fill-rule": "evenodd", d: "M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" }))), h("input", Object.assign({ key: '13bd68a88b1a7da9f10fd3a45978d88347b298f7', class: "tg-stepper__input", type: "number", value: this.value }, (this.min !== undefined ? { min: this.min } : {}), (this.max !== undefined ? { max: this.max } : {}), { step: this.step, disabled: this.disabled, onInput: this.handleInput })), h("button", { key: '2858b6ed9b436701dae756ed741861c8d98dca55', class: "tg-stepper__btn", type: "button", onClick: this.inc, disabled: this.disabled || (this.max !== undefined && this.value >= this.max), "aria-label": "Increase" }, h("svg", { key: '11339d1491aa22f7cc66299b3f1002052e40ab68', viewBox: "0 0 20 20", fill: "currentColor", width: "16", height: "16" }, h("path", { key: '641f95c8cb5dde82cf1d0c7eed9037d1d1953c78', 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" })))))));
+    }
+};
+TgStepperInput.style = tgStepperInputCss();
+
+export { TgStepperInput as tg_stepper_input };

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

@@ -0,0 +1,29 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgStepperCss = () => `:host{display:block}.tg-stp{font-family:var(--tg-font-family-sans)}.tg-stp--horizontal{display:flex}.tg-stp--horizontal .tg-stp__step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.tg-stp--horizontal .tg-stp__indicator{display:flex;align-items:center;width:100%;margin-bottom:var(--tg-spacing-2)}.tg-stp--horizontal .tg-stp__line{flex:1;height:2px;background:var(--tg-color-border)}.tg-stp--vertical .tg-stp__step{display:flex;gap:var(--tg-spacing-3);padding-bottom:var(--tg-spacing-4)}.tg-stp--vertical .tg-stp__indicator{display:flex;flex-direction:column;align-items:center}.tg-stp--vertical .tg-stp__line{width:2px;flex:1;min-height:1.5rem;background:var(--tg-color-border)}.tg-stp__circle{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-semibold);flex-shrink:0;z-index:1;transition:all var(--tg-duration-fast)}.tg-stp__step--done .tg-stp__circle{background:var(--tg-color-primary);color:white}.tg-stp__step--done .tg-stp__line{background:var(--tg-color-primary)}.tg-stp__step--active .tg-stp__circle{background:var(--tg-color-primary);color:white;box-shadow:0 0 0 4px var(--tg-color-primary-subtle)}.tg-stp__step--pending .tg-stp__circle{background:var(--tg-color-surface-sunken);color:var(--tg-color-text-secondary);border:2px solid var(--tg-color-border)}.tg-stp__label{display:block;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary)}.tg-stp__step--pending .tg-stp__label{color:var(--tg-color-text-secondary)}.tg-stp__desc{display:block;font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);margin-top:2px}`;
+
+const TgStepper = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.steps = [];
+        this.current = 0;
+        this.orientation = 'horizontal';
+    }
+    get parsed() {
+        if (typeof this.steps === 'string') {
+            try {
+                return JSON.parse(this.steps);
+            }
+            catch (_a) {
+                return [];
+            }
+        }
+        return this.steps;
+    }
+    render() {
+        return (h(Host, { key: 'c4f5bf6845240a1c40fc20e882faa5f01dbb6b32' }, h("div", { key: 'cfbc5652894ee558ae5b8c63df14e6d809a9636b', class: 'tg-stp tg-stp--' + this.orientation }, this.parsed.map((step, i) => (h("div", { class: { 'tg-stp__step': true, 'tg-stp__step--done': i < this.current, 'tg-stp__step--active': i === this.current, 'tg-stp__step--pending': i > this.current } }, h("div", { class: "tg-stp__indicator" }, h("div", { class: "tg-stp__circle" }, i < this.current ? '\u2713' : i + 1), i < this.parsed.length - 1 && h("div", { class: "tg-stp__line" })), h("div", { class: "tg-stp__content" }, h("span", { class: "tg-stp__label" }, step.label), step.description && h("span", { class: "tg-stp__desc" }, step.description))))))));
+    }
+};
+TgStepper.style = tgStepperCss();
+
+export { TgStepper as tg_stepper };

package/dist/esm/tg-streaming-response.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgStreamingResponseCss = () => `:host{display:block}.tg-sr{font-family:var(--tg-font-family-sans);background:var(--tg-color-surface-raised);border:1px solid var(--tg-color-border);border-radius:var(--tg-radius-xl);overflow:hidden}.tg-sr__header{padding:var(--tg-spacing-2) var(--tg-spacing-3);border-bottom:1px solid var(--tg-color-border);background:var(--tg-color-surface-sunken)}.tg-sr__model{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary);font-weight:var(--tg-font-weight-medium)}.tg-sr__content{padding:var(--tg-spacing-4);font-size:var(--tg-font-size-sm);line-height:var(--tg-line-height-relaxed);color:var(--tg-color-text-primary)}.tg-sr__typing{display:flex;gap:4px;padding:0 var(--tg-spacing-4) var(--tg-spacing-3)}.tg-sr__typing span{width:6px;height:6px;border-radius:50%;background:var(--tg-color-primary);animation:tg-sr-bounce 1.4s ease-in-out infinite}.tg-sr__typing span:nth-child(2){animation-delay:0.2s}.tg-sr__typing span:nth-child(3){animation-delay:0.4s}@keyframes tg-sr-bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.tg-sr__footer{padding:var(--tg-spacing-2) var(--tg-spacing-3);border-top:1px solid var(--tg-color-border);background:var(--tg-color-surface-sunken)}.tg-sr__tokens{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-disabled);font-family:var(--tg-font-family-mono)}`;
+
+const TgStreamingResponse = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.content = '';
+        this.loading = false;
+    }
+    render() {
+        return (h(Host, { key: '1fd88cdca6353116e77fc4ba7cabf120d64332d7' }, h("div", { key: '908ba4689a212d9f19782c42a0cdd907485b7e1a', class: "tg-sr" }, this.model && h("div", { key: '8fc8cf5382bcec48dfbdbda911fb33e128fcb502', class: "tg-sr__header" }, h("span", { key: '5200bd4b5d63104a853a55072552d97e639a9463', class: "tg-sr__model" }, this.model)), h("div", { key: 'b885e682f4bebcfd6391dc8590550f96df7c970a', class: "tg-sr__content", innerHTML: this.content }), this.loading && h("div", { key: 'd80a1b59a47178d927974e3ae0a32978b1d924a9', class: "tg-sr__typing" }, h("span", { key: '7ec3ba75573be7583d4ffdfe47555a11aad447b3' }), h("span", { key: '06d014e51d59e66c966e8ed9fc472e4cce9a71a9' }), h("span", { key: '5bea4e688bdb2138b95213ee5397b57093c2d2fe' })), this.tokenCount !== undefined && h("div", { key: '6b5fc0a56c6e76619d836bbacfdc59018a612d28', class: "tg-sr__footer" }, h("span", { key: 'a6fda3f7512c6a6dda6bd9e7eb025de6f40bd204', class: "tg-sr__tokens" }, this.tokenCount, " tokens")))));
+    }
+};
+TgStreamingResponse.style = tgStreamingResponseCss();
+
+export { TgStreamingResponse as tg_streaming_response };

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

@@ -0,0 +1,29 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.js';
+
+const tgSwitchCss = () => `:host{display:inline-flex}.tg-switch{display:inline-flex;align-items:center;gap:var(--tg-spacing-2-5);cursor:pointer;font-family:var(--tg-font-family-sans);user-select:none}.tg-switch--disabled{opacity:0.5;cursor:not-allowed}.tg-switch__input{position:absolute;opacity:0;width:0;height:0}.tg-switch__track{position:relative;width:2.5rem;height:1.375rem;flex-shrink:0;border-radius:var(--tg-radius-full);background:var(--tg-color-neutral-300);transition:background-color var(--tg-duration-normal) var(--tg-ease-default)}.tg-switch__thumb{position:absolute;top:0.125rem;left:0.125rem;width:1.125rem;height:1.125rem;border-radius:var(--tg-radius-full);background:white;box-shadow:var(--tg-shadow-sm);transition:transform var(--tg-duration-normal) var(--tg-ease-bounce)}.tg-switch__input:checked+.tg-switch__track{background:var(--tg-color-primary)}.tg-switch__input:checked+.tg-switch__track .tg-switch__thumb{transform:translateX(1.125rem)}.tg-switch__input:focus-visible+.tg-switch__track{box-shadow:var(--tg-focus-ring)}.tg-switch__content{display:flex;flex-direction:column;gap:var(--tg-spacing-0-5)}.tg-switch__label-text{font-size:var(--tg-font-size-sm);color:var(--tg-color-text-primary);line-height:var(--tg-line-height-snug);font-weight:var(--tg-font-weight-medium)}.tg-switch__description{font-size:var(--tg-font-size-xs);color:var(--tg-color-text-secondary)}.tg-switch--sm .tg-switch__track{width:2rem;height:1.125rem}.tg-switch--sm .tg-switch__thumb{width:0.875rem;height:0.875rem}.tg-switch--sm .tg-switch__input:checked+.tg-switch__track .tg-switch__thumb{transform:translateX(0.875rem)}.tg-switch--lg .tg-switch__track{width:3rem;height:1.625rem}.tg-switch--lg .tg-switch__thumb{width:1.375rem;height:1.375rem}.tg-switch--lg .tg-switch__input:checked+.tg-switch__track .tg-switch__thumb{transform:translateX(1.375rem)}`;
+
+const TgSwitch = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tgChange = createEvent(this, "tgChange");
+        this.checked = false;
+        this.disabled = false;
+        this.size = 'md';
+        this.handleChange = () => {
+            if (this.disabled)
+                return;
+            this.checked = !this.checked;
+            this.tgChange.emit(this.checked);
+        };
+    }
+    render() {
+        return (h(Host, { key: 'b50dd7511649884a5fc4b53f9d936dc17ca05b92' }, h("label", { key: '1f471b7d96acebc3763502150e4d171020f8b568', class: {
+                'tg-switch': true,
+                [`tg-switch--${this.size}`]: true,
+                'tg-switch--disabled': this.disabled,
+            } }, h("input", Object.assign({ key: '626529e021ac6209c370debfd035ded6bc5c49c8', type: "checkbox", role: "switch", class: "tg-switch__input", checked: this.checked, disabled: this.disabled }, (this.name ? { name: this.name } : {}), { "aria-checked": this.checked ? 'true' : 'false', onChange: this.handleChange })), h("span", { key: '241188b985b4275c898eb961a226da52cf9f4094', class: "tg-switch__track" }, h("span", { key: '8a832d144452f992d68e61b77e1ad1dc53b8ba13', class: "tg-switch__thumb" })), (this.label || this.description) && (h("span", { key: 'b676a4e4456a9dc5b0dcd8cf7f674a75c035f484', class: "tg-switch__content" }, this.label && h("span", { key: 'e77672a769b159677aaa14de626bf98a4473a3bc', class: "tg-switch__label-text" }, this.label), this.description && h("span", { key: '5b2e9e3c8f6d4bbbf3179b7f2e0e665006c8cf12', class: "tg-switch__description" }, this.description))))));
+    }
+};
+TgSwitch.style = tgSwitchCss();
+
+export { TgSwitch as tg_switch };

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

@@ -0,0 +1,111 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.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) {
+        registerInstance(this, hostRef);
+        this.tgSort = createEvent(this, "tgSort");
+        this.tgSelect = 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 (h(Host, { key: '99c2d954442f43a51e1ba7d74f5dbee0ea761d74' }, h("div", { key: '9e7809c0d913e4e9102dc9b2833cc60747c5f209', class: "tg-table-wrapper" }, h("div", { key: 'a5c20b050f99d52887bcda2ddd61fb252e055764', class: "tg-table-scroll" }, h("table", { key: 'ef7ad43c02aac35b5e49a8128e8eb327a9921773', class: {
+                'tg-table': true,
+                'tg-table--striped': this.striped,
+                'tg-table--compact': this.compact,
+            } }, h("thead", { key: 'f7157def8d8f5701826eafd802edfb5e98d60c97' }, h("tr", { key: '34c77c7712b0de495292ceb67440690f3ecee561' }, this.selectable && (h("th", { key: '37fd83351f092b4c73f31db57ef8f8a115d91489', style: { width: '40px' } }, 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 => (h("th", { class: { 'th--sortable': !!col.sortable }, style: col.width ? { width: col.width } : {}, onClick: () => this.handleSort(col) }, col.label, col.sortable && (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 }))))))), h("tbody", { key: 'a9e19da69c43d3d7fdf40e5a52a6a2259d3009e7' }, rows.length === 0 ? (h("tr", null, h("td", { colSpan: cols.length + (this.selectable ? 1 : 0) }, h("div", { class: "tg-table__empty" }, h("div", { class: "tg-table__empty-icon" }, "\uD83D\uDCCB"), this.emptyText)))) : (rows.map((row, i) => (h("tr", null, this.selectable && (h("td", null, 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 (h("td", null, String((_a = row[col.key]) !== null && _a !== void 0 ? _a : '')));
+        })))))))))));
+    }
+};
+TgTable.style = tgTableCss();
+
+export { TgTable as tg_table };

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

@@ -0,0 +1,45 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXqO9vvj.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) {
+        registerInstance(this, hostRef);
+        this.tgTabChange = 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 (h(Host, { key: 'c68ffca94fcc42f99cde35f88f37677e4b85e8e3' }, h("div", { key: 'f4303416e3144410bc3cce2d71dbd8b9ef9e0def', class: "tg-tabs" }, h("div", { key: '4da9fbb011b839a3400e07ca34968f7dc6df5d86', class: { 'tg-tabs__list': true, 'tg-tabs__list--pills': this.variant === 'pills' }, role: "tablist" }, items.map(tab => (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 && h("span", { class: "tg-tabs__badge" }, tab.badge))))), h("div", { key: 'ec6ced09c19b7e257706592a01a7e6457833113f', class: "tg-tabs__panel", role: "tabpanel" }, h("slot", { key: 'a7ecf6c0045e9b3245decfec424b1f0cb2b642fc' })))));
+    }
+};
+TgTabs.style = tgTabsCss();
+
+export { TgTabs as tg_tabs };