@teranga-ds/components 0.1.0

package/dist/cjs/tg-rich-editor.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgRichEditorCss = () => `:host{display:block}.tg-rich-editor{font-family:var(--tg-font-family-sans);border:1px solid var(--tg-color-border-strong);border-radius:var(--tg-radius-lg);overflow:hidden;background:var(--tg-color-surface-raised);transition:border-color var(--tg-duration-fast), box-shadow var(--tg-duration-fast)}.tg-rich-editor:focus-within{border-color:var(--tg-color-border-focus);box-shadow:var(--tg-focus-ring)}.tg-re__label{display:block;font-size:var(--tg-font-size-sm);font-weight:var(--tg-font-weight-medium);color:var(--tg-color-text-primary);padding:var(--tg-spacing-2) var(--tg-spacing-3) 0}.tg-re__toolbar{display:flex;align-items:center;gap:var(--tg-spacing-0-5);padding:var(--tg-spacing-2) var(--tg-spacing-3);border-bottom:1px solid var(--tg-color-border);background:var(--tg-color-surface-sunken)}.tg-re__tool{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:var(--tg-radius-md);cursor:pointer;color:var(--tg-color-text-primary);font-size:var(--tg-font-size-sm);transition:background var(--tg-duration-fast)}.tg-re__tool:hover{background:var(--tg-color-primary-subtle);color:var(--tg-color-primary)}.tg-re__divider{width:1px;height:1.25rem;background:var(--tg-color-border);margin:0 var(--tg-spacing-1)}.tg-re__content{padding:var(--tg-spacing-3);outline:none;font-size:var(--tg-font-size-sm);line-height:var(--tg-line-height-relaxed);color:var(--tg-color-text-primary)}.tg-re__content:empty::before{content:attr(data-placeholder);color:var(--tg-color-text-disabled)}`;
+
+const TgRichEditor = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.createEvent(this, "tgChange");
+        this.placeholder = 'Commencez à écrire…';
+        this.disabled = false;
+        this.minHeight = '12rem';
+        this.html = '';
+        this.handleInput = (e) => { this.html = e.target.innerHTML; this.tgChange.emit(this.html); };
+    }
+    componentWillLoad() { var _a; this.html = (_a = this.value) !== null && _a !== void 0 ? _a : ''; }
+    render() {
+        return (index.h(index.Host, { key: '46af0da5e3c3d960f0ab41192bd9810ba5bbdae6' }, index.h("div", { key: 'a44679b1edd4a5574d2762e520225cb5a5657a8d', class: "tg-rich-editor" }, this.label && index.h("label", { key: '518ec2200f693893b6034eed2d880e80c8824c7d', class: "tg-re__label" }, this.label), index.h("div", { key: 'a6644abe6371aa2ef94b28addce5df863b20d959', class: "tg-re__toolbar" }, index.h("button", { key: '5a4320a9cc68f72dfd28b7c2211871af04b0dda2', type: "button", class: "tg-re__tool", onClick: () => document.execCommand('bold', false), title: "Gras" }, index.h("strong", { key: 'b2dd47697c73abe19949fcb3664bac6b2e3e6477' }, "G")), index.h("button", { key: '5b0c4dbdb7daca6b347ece6e8c6f732d285847f7', type: "button", class: "tg-re__tool", onClick: () => document.execCommand('italic', false), title: "Italique" }, index.h("em", { key: '5319a1e5e745d8bb7c6860a50847357b13577561' }, "I")), index.h("button", { key: '7d697c625f9669cd52c842ef8d24489cf9e00dfa', type: "button", class: "tg-re__tool", onClick: () => document.execCommand('underline', false), title: "Soulign\u00E9" }, index.h("u", { key: '47f27327a5568e1c82665fec209aa1859284be0c' }, "S")), index.h("span", { key: '6a50b118616c39ac0a0352f9cc1afaa201f9ed70', class: "tg-re__divider" }), index.h("button", { key: '9a8501b87051c7c6acf6c6abe41ad1d2c91acf6b', type: "button", class: "tg-re__tool", onClick: () => document.execCommand('insertUnorderedList', false), title: "Liste" }, "\u2022"), index.h("button", { key: '45376b4dcd2d9c18ae6ffdc84dcc088cbe926222', type: "button", class: "tg-re__tool", onClick: () => document.execCommand('insertOrderedList', false), title: "Num\u00E9rot\u00E9e" }, "1.")), index.h("div", { key: '8717e23ac526b1f34e460947c7ec71ee9ce19226', class: "tg-re__content", contentEditable: !this.disabled, innerHTML: this.html, onInput: this.handleInput, "data-placeholder": this.placeholder, style: { minHeight: this.minHeight } }))));
+    }
+};
+TgRichEditor.style = tgRichEditorCss();
+
+exports.tg_rich_editor = TgRichEditor;

package/dist/cjs/tg-role-badge.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.js');
+
+const tgRoleBadgeCss = () => `:host{display:inline-flex}.tg-rb{display:inline-flex;align-items:center;gap:var(--tg-spacing-1);padding:var(--tg-spacing-0-5) var(--tg-spacing-2);border-radius:var(--tg-radius-full);font-family:var(--tg-font-family-sans);font-size:var(--tg-font-size-xs);font-weight:var(--tg-font-weight-medium)}.tg-rb--admin{background:var(--tg-color-danger-subtle);color:var(--tg-color-danger)}.tg-rb--editor{background:var(--tg-color-primary-subtle);color:var(--tg-color-primary)}.tg-rb--viewer{background:var(--tg-color-surface-sunken);color:var(--tg-color-text-secondary)}.tg-rb--custom{background:var(--tg-color-info-subtle);color:var(--tg-color-info)}.tg-rb__icon{font-size:0.75rem}`;
+
+const TgRoleBadge = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.role = '';
+        this.variant = 'custom';
+    }
+    render() {
+        return (index.h(index.Host, { key: '5d497b0a457392d26913fefb112a701dfdf6aef2' }, index.h("span", { key: '5c3f035744fc7271f4bef128e4b44fbaf1aca004', class: 'tg-rb tg-rb--' + this.variant }, this.icon && index.h("span", { key: '8b99e5b3cc14fb578a51a62aa5757a0d7735cc7e', class: "tg-rb__icon" }, this.icon), index.h("span", { key: 'aca74aa2fe597a6cab5a0e8e065149d7dc366bc6', class: "tg-rb__label" }, this.role))));
+    }
+};
+TgRoleBadge.style = tgRoleBadgeCss();
+
+exports.tg_role_badge = TgRoleBadge;

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

@@ -0,0 +1,69 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.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 (index.h(index.Host, { key: '443ea0e4bb8538d5db70c691097bf93cfceff132' }, index.h("div", { key: '32f0921431972dc7401f0bd38ff2b05e6cbeff88', class: { 'tg-select-wrapper': true, [`tg-select-wrapper--${this.size}`]: true } }, this.label && (index.h("label", { key: '34273d2004455a131a2a73daf9b317449d9e6f4d', class: "tg-select__label" }, this.label, this.required && index.h("span", { key: '3b1e463ef449629e1f6dcf89b4cc67ebbab20e5c', class: "tg-select__required" }, " *"))), index.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 }, index.h("span", { key: '8cba42521505bf731343bdf1d4e8206bb6d3f08d' }, (_a = this.selectedLabel) !== null && _a !== void 0 ? _a : this.placeholder), index.h("svg", { key: '9e496d5f2697df35291483c14bf17d68d59b657a', class: { 'tg-select__chevron': true, 'tg-select__chevron--open': this.open }, viewBox: "0 0 20 20", fill: "currentColor" }, index.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 && (index.h("div", { key: '48c4d329ad75ec2a6255cddc069daac3f8be05d8', class: "tg-select__dropdown", role: "listbox", onClick: (e) => e.stopPropagation() }, opts.map(opt => (index.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 && (index.h("svg", { class: "tg-select__check", viewBox: "0 0 20 20", fill: "currentColor" }, index.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 ? (index.h("span", { class: "tg-select__error" }, this.error)) : this.helperText ? (index.h("span", { class: "tg-select__helper" }, this.helperText)) : null)));
+    }
+};
+let selectCount = 0;
+TgSelect.style = tgSelectCss();
+
+exports.tg_select = TgSelect;

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.registerInstance(this, hostRef);
+        this.tgRelogin = index.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 index.h(index.Host, null);
+        return (index.h(index.Host, null, index.h("div", { class: "tg-se__overlay" }, index.h("div", { class: "tg-se" }, index.h("div", { class: "tg-se__icon" }, "\\ud83d\\udd12"), index.h("h3", { class: "tg-se__title" }, this.heading), index.h("p", { class: "tg-se__msg" }, this.message), index.h("button", { class: "tg-se__btn", type: "button", onClick: () => this.tgRelogin.emit() }, this.loginLabel)))));
+    }
+};
+TgSessionExpired.style = tgSessionExpiredCss();
+
+exports.tg_session_expired = TgSessionExpired;

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

@@ -0,0 +1,35 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.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 (index.h(index.Host, { key: 'b737361dcac64bcb5be072cd15fdffd1403727b8' }, index.h("aside", { key: '1f245cfb865867879bab9d99684d1df5bda5695d', class: { 'tg-sidebar': true, 'tg-sidebar--collapsed': this.collapsed } }, index.h("div", { key: '1598853eb15bda306f63a1d10ebe014c98b6b05b', class: "tg-sidebar__header" }, this.sidebarTitle && index.h("span", { key: '02126064491917cab82bd81cdc267d5ed0d5684c', class: "tg-sidebar__title" }, this.sidebarTitle), this.collapsible && (index.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 => (index.h("div", { class: "tg-sidebar__section" }, section.title && index.h("div", { class: "tg-sidebar__section-title" }, section.title), index.h("ul", { class: "tg-sidebar__nav" }, section.items.map(item => (index.h("li", null, index.h("a", { class: { 'tg-sidebar__link': true, 'tg-sidebar__link--active': !!item.active }, href: item.href }, item.icon && index.h("span", { class: "tg-sidebar__link-icon", innerHTML: item.icon }), index.h("span", { class: "tg-sidebar__link-label" }, item.label), item.badge && index.h("span", { class: "tg-sidebar__badge" }, item.badge))))))))), index.h("div", { key: '4b6663f96bc740f7e6643b78a6de05a49457754b', class: "tg-sidebar__footer" }, index.h("slot", { key: '5af6b38e199baeb4b45dde26aaadfad7e0930bc7', name: "footer" })))));
+    }
+};
+TgSidebar.style = tgSidebarCss();
+
+exports.tg_sidebar = TgSidebar;

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

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.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) => (index.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 index.h(index.Host, { key: 'f519db7bac0eec2a4e212b0000c8422a0c352fc9' }, skeletons);
+    }
+};
+TgSkeleton.style = tgSkeletonCss();
+
+exports.tg_skeleton = TgSkeleton;

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.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 (index.h(index.Host, { key: 'bb0f4e2fe9a272e959f3230cc79f63f212a9b5b1' }, index.h("div", { key: '7d62b0fcc7c077ce9db0473607837530c3e96d35', class: "tg-slider" }, (this.label || this.showValue) && (index.h("div", { key: '49b5fe1851a4a46f9718e2efdef8c1ffecffd20a', class: "tg-slider__header" }, this.label && index.h("label", { key: '3d24e5b106003b8ee31b041a383e0641654a5851', class: "tg-slider__label" }, this.label), this.showValue && index.h("span", { key: 'eddb799b0eae2f6281f8a11c10aab901ab3fcb12', class: "tg-slider__value" }, this.value, this.unit ? ' ' + this.unit : ''))), index.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 + '%' } }), index.h("div", { key: '63dd4226f558abb5da23dbca6c759a024bac8a8d', class: "tg-slider__ticks" }, index.h("span", { key: '17d84469397b2678c4d6a716e8da1f7dc5e7e663' }, this.min), index.h("span", { key: 'd738e2ade4ca801875ae2afcf443f2c33b31691d' }, this.max)))));
+    }
+};
+TgSlider.style = tgSliderCss();
+
+exports.tg_slider = TgSlider;

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

@@ -0,0 +1,29 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.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 (index.h(index.Host, { key: 'a7cae9f6beddde97a2881e916adf2b9394bc55e4' }, index.h("div", { key: 'bd52ccfb944e12f84178c44f8ffb19bdc19665e0', class: "tg-sc" }, index.h("h4", { key: '709b16ea40a17733b3e62320675b31456d981825', class: "tg-sc__title" }, "Sources"), this.parsed.map((src, i) => (index.h("div", { class: "tg-sc__item" }, index.h("span", { class: "tg-sc__num" }, i + 1), index.h("div", { class: "tg-sc__body" }, src.url ? index.h("a", { class: "tg-sc__link", href: src.url, target: "_blank", rel: "noopener" }, src.title) : index.h("span", { class: "tg-sc__name" }, src.title), src.snippet && index.h("p", { class: "tg-sc__snippet" }, src.snippet)), src.relevance !== undefined && index.h("span", { class: "tg-sc__rel" }, Math.round(src.relevance * 100), "%")))))));
+    }
+};
+TgSourceCitation.style = tgSourceCitationCss();
+
+exports.tg_source_citation = TgSourceCitation;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.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 (index.h(index.Host, { key: 'a4dc53352ed1db875fa5a085ab915eb7ddf00cc0', role: "status", "aria-label": this.label }, index.h("span", { key: '2c277a9fbb6273d3b4f105bf12594ec52251fceb', class: {
+                'tg-spinner': true,
+                [`tg-spinner--${this.size}`]: true,
+                [`tg-spinner--${this.variant}`]: true,
+            }, "aria-hidden": "true" }, index.h("svg", { key: '7d36efbbf1bddbd3548f5255e08658787c87602e', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'faee23a3b5d702792b74e444509db41c77ea1075', cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", opacity: "0.2" }), index.h("path", { key: 'c32dae2064c0168f56d1f5b4fcebe7686f31bc48', d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }))), index.h("span", { key: '9ba7bde08f66239156062d4a6f85de44d2317c7c', class: "tg-spinner__sr-only" }, this.label)));
+    }
+};
+TgSpinner.style = tgSpinnerCss();
+
+exports.tg_spinner = TgSpinner;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.registerInstance(this, hostRef);
+        this.label = '';
+        this.value = '';
+    }
+    render() {
+        return (index.h(index.Host, { key: '71fe673531950d5e53e916b2bb1801827292516e' }, index.h("div", { key: '75e53ab1ad1507debedbb84b2d19a6918cb13b95', class: "tg-sw" }, index.h("div", { key: '1e7f20f0693a4e77a5b1bf04cd6548a9f0f1fddc', class: "tg-sw__left" }, this.icon && index.h("div", { key: 'ac6a63c455fde4c2af0cfd2d914112a352099022', class: "tg-sw__icon" }, this.icon), index.h("div", { key: 'e7cbdd4d17097e99c1a33325e0f91269353f12b1' }, index.h("p", { key: '27cfa751e84b303172482572cf03f3045d0591e4', class: "tg-sw__label" }, this.label), index.h("p", { key: '54287895545d5092097c4600210711a390cc35f4', class: "tg-sw__value" }, this.value), this.change && index.h("span", { key: '27bd9c3c40656cad9d1b05aa39e3b473b7e4effd', class: 'tg-sw__change tg-sw__change--' + (this.changeType || 'neutral') }, this.change))), this.sparkline && index.h("div", { key: '01a637b10a8bc7c5c11063bee3ab81d4b5ab9809', class: "tg-sw__sparkline", innerHTML: this.sparkline }))));
+    }
+};
+TgStatWidget.style = tgStatWidgetCss();
+
+exports.tg_stat_widget = TgStatWidget;

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.registerInstance(this, hostRef);
+        this.label = '';
+        this.status = 'online';
+        this.pulse = false;
+        this.size = 'md';
+    }
+    render() {
+        return (index.h(index.Host, { key: '6017007b53e67c1f04a07db9aebd87d06055ed34' }, index.h("span", { key: '484781a875e6d2dfba37d4bec0d327f95ccf1e4f', class: 'tg-sb tg-sb--' + this.status + ' tg-sb--' + this.size }, index.h("span", { key: 'a4da826874b889566f46bedb5957119a9f3cf0dc', class: { 'tg-sb__dot': true, 'tg-sb__dot--pulse': this.pulse } }), index.h("span", { key: '519e56385ef0bd4ae36d77fb0a4428f3914f121e', class: "tg-sb__label" }, this.label))));
+    }
+};
+TgStatusBadge.style = tgStatusBadgeCss();
+
+exports.tg_status_badge = TgStatusBadge;

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

@@ -0,0 +1,39 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.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 (index.h(index.Host, { key: '60de6385be386f59d0b984c95d920723379bb405' }, index.h("div", { key: '23a44db1b87e3c070be161e7662cb2cba735fc6e', class: 'tg-stepper tg-stepper--' + this.size }, this.label && index.h("label", { key: '849f72333cbf36ee52b0c1544cc850a6224194e7', class: "tg-stepper__label" }, this.label), index.h("div", { key: '958b4cc95408832f1b8e6317dd67fdb065338149', class: "tg-stepper__controls" }, index.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" }, index.h("svg", { key: '130d9a414069101afbc8f44e70ae86f7ff5cc169', viewBox: "0 0 20 20", fill: "currentColor", width: "16", height: "16" }, index.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" }))), index.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 })), index.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" }, index.h("svg", { key: '11339d1491aa22f7cc66299b3f1002052e40ab68', viewBox: "0 0 20 20", fill: "currentColor", width: "16", height: "16" }, index.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();
+
+exports.tg_stepper_input = TgStepperInput;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.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 (index.h(index.Host, { key: 'c4f5bf6845240a1c40fc20e882faa5f01dbb6b32' }, index.h("div", { key: 'cfbc5652894ee558ae5b8c63df14e6d809a9636b', class: 'tg-stp tg-stp--' + this.orientation }, this.parsed.map((step, i) => (index.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 } }, index.h("div", { class: "tg-stp__indicator" }, index.h("div", { class: "tg-stp__circle" }, i < this.current ? '\u2713' : i + 1), i < this.parsed.length - 1 && index.h("div", { class: "tg-stp__line" })), index.h("div", { class: "tg-stp__content" }, index.h("span", { class: "tg-stp__label" }, step.label), step.description && index.h("span", { class: "tg-stp__desc" }, step.description))))))));
+    }
+};
+TgStepper.style = tgStepperCss();
+
+exports.tg_stepper = TgStepper;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.registerInstance(this, hostRef);
+        this.content = '';
+        this.loading = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '1fd88cdca6353116e77fc4ba7cabf120d64332d7' }, index.h("div", { key: '908ba4689a212d9f19782c42a0cdd907485b7e1a', class: "tg-sr" }, this.model && index.h("div", { key: '8fc8cf5382bcec48dfbdbda911fb33e128fcb502', class: "tg-sr__header" }, index.h("span", { key: '5200bd4b5d63104a853a55072552d97e639a9463', class: "tg-sr__model" }, this.model)), index.h("div", { key: 'b885e682f4bebcfd6391dc8590550f96df7c970a', class: "tg-sr__content", innerHTML: this.content }), this.loading && index.h("div", { key: 'd80a1b59a47178d927974e3ae0a32978b1d924a9', class: "tg-sr__typing" }, index.h("span", { key: '7ec3ba75573be7583d4ffdfe47555a11aad447b3' }), index.h("span", { key: '06d014e51d59e66c966e8ed9fc472e4cce9a71a9' }), index.h("span", { key: '5bea4e688bdb2138b95213ee5397b57093c2d2fe' })), this.tokenCount !== undefined && index.h("div", { key: '6b5fc0a56c6e76619d836bbacfdc59018a612d28', class: "tg-sr__footer" }, index.h("span", { key: 'a6fda3f7512c6a6dda6bd9e7eb025de6f40bd204', class: "tg-sr__tokens" }, this.tokenCount, " tokens")))));
+    }
+};
+TgStreamingResponse.style = tgStreamingResponseCss();
+
+exports.tg_streaming_response = TgStreamingResponse;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('./index-BrBjyHdB.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) {
+        index.registerInstance(this, hostRef);
+        this.tgChange = index.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 (index.h(index.Host, { key: 'b50dd7511649884a5fc4b53f9d936dc17ca05b92' }, index.h("label", { key: '1f471b7d96acebc3763502150e4d171020f8b568', class: {
+                'tg-switch': true,
+                [`tg-switch--${this.size}`]: true,
+                'tg-switch--disabled': this.disabled,
+            } }, index.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 })), index.h("span", { key: '241188b985b4275c898eb961a226da52cf9f4094', class: "tg-switch__track" }, index.h("span", { key: '8a832d144452f992d68e61b77e1ad1dc53b8ba13', class: "tg-switch__thumb" })), (this.label || this.description) && (index.h("span", { key: 'b676a4e4456a9dc5b0dcd8cf7f674a75c035f484', class: "tg-switch__content" }, this.label && index.h("span", { key: 'e77672a769b159677aaa14de626bf98a4473a3bc', class: "tg-switch__label-text" }, this.label), this.description && index.h("span", { key: '5b2e9e3c8f6d4bbbf3179b7f2e0e665006c8cf12', class: "tg-switch__description" }, this.description))))));
+    }
+};
+TgSwitch.style = tgSwitchCss();
+
+exports.tg_switch = TgSwitch;