@testgorilla/tgo-ui 6.2.16 → 6.3.0

package/components/popover/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/popover" />
+export * from './public-api';

package/components/popover/popover.component.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PopoverComponent {
+    templateRef: import("@angular/core").InputSignal<TemplateRef<unknown> | null>;
+    ctx: import("@angular/core").InputSignal<Record<string, unknown>>;
+    popoverCard: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "ui-popover", never, { "templateRef": { "alias": "templateRef"; "required": false; "isSignal": true; }; "ctx": { "alias": "ctx"; "required": false; "isSignal": true; }; "popoverCard": { "alias": "popoverCard"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/popover/popover.directive.d.ts

@@ -0,0 +1,31 @@
+import { HorizontalConnectionPos } from '@angular/cdk/overlay';
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PopoverDirective implements OnInit, OnDestroy {
+    uiPopover: import("@angular/core").InputSignal<TemplateRef<unknown>>;
+    popoverOffset: import("@angular/core").InputSignal<number>;
+    popoverAlign: import("@angular/core").InputSignal<HorizontalConnectionPos>;
+    popoverOpen: import("@angular/core").InputSignal<boolean>;
+    popoverCard: import("@angular/core").InputSignal<boolean>;
+    private readonly overlay;
+    private readonly elementRef;
+    private readonly injector;
+    private readonly ngZone;
+    private overlayRef;
+    private openTimeout;
+    private closeTimeout;
+    private overlayListeners;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    private open;
+    private createOverlay;
+    private scheduleOpen;
+    private cancelOpen;
+    private scheduleClose;
+    private cancelClose;
+    private close;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirective, "[uiPopover]", never, { "uiPopover": { "alias": "uiPopover"; "required": true; "isSignal": true; }; "popoverOffset": { "alias": "popoverOffset"; "required": false; "isSignal": true; }; "popoverAlign": { "alias": "popoverAlign"; "required": false; "isSignal": true; }; "popoverOpen": { "alias": "popoverOpen"; "required": false; "isSignal": true; }; "popoverCard": { "alias": "popoverCard"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/popover/public-api.d.ts

@@ -0,0 +1 @@
+export * from './popover.directive';

package/fesm2022/testgorilla-tgo-ui-components-popover.mjs

@@ -0,0 +1,147 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, inject, ElementRef, Injector, NgZone, HostListener, Directive } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@testgorilla/tgo-ui/components/card';
+import { CardComponentModule } from '@testgorilla/tgo-ui/components/card';
+
+class PopoverComponent {
+    constructor() {
+        this.templateRef = input(null);
+        this.ctx = input({});
+        this.popoverCard = input(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: PopoverComponent, isStandalone: true, selector: "ui-popover", inputs: { templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null }, ctx: { classPropertyName: "ctx", publicName: "ctx", isSignal: true, isRequired: false, transformFunction: null }, popoverCard: { classPropertyName: "popoverCard", publicName: "popoverCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (templateRef()) {\n  @if (popoverCard()) {\n    <ui-card>\n      <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n    </ui-card>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n  }\n}\n", styles: [":host{display:block;pointer-events:auto;animation:popover-enter .15s ease-out}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CardComponentModule }, { kind: "component", type: i1.CardComponent, selector: "ui-card", inputs: ["size", "sizeVariant", "variant", "applicationTheme", "errors", "errorsSize", "selected", "allowSelect", "allowFocus"], outputs: ["cardSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-popover', standalone: true, imports: [NgTemplateOutlet, CardComponentModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (templateRef()) {\n  @if (popoverCard()) {\n    <ui-card>\n      <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n    </ui-card>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n  }\n}\n", styles: [":host{display:block;pointer-events:auto;animation:popover-enter .15s ease-out}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}\n"] }]
+        }] });
+
+class PopoverDirective {
+    constructor() {
+        this.uiPopover = input.required();
+        this.popoverOffset = input(4);
+        this.popoverAlign = input('center');
+        this.popoverOpen = input(false);
+        this.popoverCard = input(true);
+        this.overlay = inject(Overlay);
+        this.elementRef = inject(ElementRef);
+        this.injector = inject(Injector);
+        this.ngZone = inject(NgZone);
+        this.overlayRef = null;
+        this.openTimeout = null;
+        this.closeTimeout = null;
+        this.overlayListeners = null;
+    }
+    onMouseEnter() {
+        this.cancelClose();
+        this.scheduleOpen();
+    }
+    onMouseLeave() {
+        this.cancelOpen();
+        this.scheduleClose();
+    }
+    open() {
+        if (!this.overlayRef) {
+            this.createOverlay();
+        }
+        const overlayRef = this.overlayRef;
+        if (!overlayRef || overlayRef.hasAttached()) {
+            return;
+        }
+        const portal = new ComponentPortal(PopoverComponent, null, this.injector);
+        const ref = overlayRef.attach(portal);
+        ref.setInput('templateRef', this.uiPopover());
+        ref.setInput('ctx', { close: () => this.close() });
+        ref.setInput('popoverCard', this.popoverCard());
+        const el = overlayRef.overlayElement;
+        const enter = () => this.ngZone.run(() => this.cancelClose());
+        const leave = () => this.ngZone.run(() => this.scheduleClose());
+        el.addEventListener('mouseenter', enter);
+        el.addEventListener('mouseleave', leave);
+        this.overlayListeners = { enter, leave };
+    }
+    createOverlay() {
+        const align = this.popoverAlign();
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.elementRef)
+            .withPositions([
+            { originX: align, originY: 'bottom', overlayX: align, overlayY: 'top', offsetY: this.popoverOffset() },
+            { originX: align, originY: 'top', overlayX: align, overlayY: 'bottom', offsetY: -this.popoverOffset() },
+        ]);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            hasBackdrop: false,
+        });
+    }
+    scheduleOpen() {
+        this.openTimeout = setTimeout(() => this.open(), 100);
+    }
+    cancelOpen() {
+        if (this.openTimeout) {
+            clearTimeout(this.openTimeout);
+            this.openTimeout = null;
+        }
+    }
+    scheduleClose() {
+        this.closeTimeout = setTimeout(() => this.close(), 150);
+    }
+    cancelClose() {
+        if (this.closeTimeout) {
+            clearTimeout(this.closeTimeout);
+            this.closeTimeout = null;
+        }
+    }
+    close() {
+        if (!this.overlayRef) {
+            return;
+        }
+        if (this.overlayListeners) {
+            const el = this.overlayRef.overlayElement;
+            el.removeEventListener('mouseenter', this.overlayListeners.enter);
+            el.removeEventListener('mouseleave', this.overlayListeners.leave);
+            this.overlayListeners = null;
+        }
+        this.overlayRef.detach();
+    }
+    ngOnInit() {
+        if (this.popoverOpen()) {
+            this.open();
+        }
+    }
+    ngOnDestroy() {
+        this.cancelOpen();
+        this.cancelClose();
+        this.close();
+        this.overlayRef?.dispose();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: PopoverDirective, isStandalone: true, selector: "[uiPopover]", inputs: { uiPopover: { classPropertyName: "uiPopover", publicName: "uiPopover", isSignal: true, isRequired: true, transformFunction: null }, popoverOffset: { classPropertyName: "popoverOffset", publicName: "popoverOffset", isSignal: true, isRequired: false, transformFunction: null }, popoverAlign: { classPropertyName: "popoverAlign", publicName: "popoverAlign", isSignal: true, isRequired: false, transformFunction: null }, popoverOpen: { classPropertyName: "popoverOpen", publicName: "popoverOpen", isSignal: true, isRequired: false, transformFunction: null }, popoverCard: { classPropertyName: "popoverCard", publicName: "popoverCard", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[uiPopover]',
+                    standalone: true,
+                }]
+        }], propDecorators: { onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+// PopoverComponent is internal — not part of the public API
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PopoverDirective };
+//# sourceMappingURL=testgorilla-tgo-ui-components-popover.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"testgorilla-tgo-ui-components-popover.mjs","sources":["../../../components/popover/popover.component.ts","../../../components/popover/popover.component.html","../../../components/popover/popover.directive.ts","../../../components/popover/public-api.ts","../../../components/popover/testgorilla-tgo-ui-components-popover.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, TemplateRef } from '@angular/core';\nimport { CardComponentModule } from '@testgorilla/tgo-ui/components/card';\n\n@Component({\n  selector: 'ui-popover',\n  standalone: true,\n  imports: [NgTemplateOutlet, CardComponentModule],\n  templateUrl: './popover.component.html',\n  styleUrls: ['./popover.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PopoverComponent {\n  templateRef = input<TemplateRef<unknown> | null>(null);\n  ctx = input<Record<string, unknown>>({});\n  popoverCard = input(true);\n}\n","@if (templateRef()) {\n  @if (popoverCard()) {\n    <ui-card>\n      <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n    </ui-card>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n  }\n}\n","import { HorizontalConnectionPos, Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  Injector,\n  input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  TemplateRef,\n} from '@angular/core';\nimport { PopoverComponent } from './popover.component';\n\n@Directive({\n  selector: '[uiPopover]',\n  standalone: true,\n})\nexport class PopoverDirective implements OnInit, OnDestroy {\n  uiPopover = input.required<TemplateRef<unknown>>();\n  popoverOffset = input(4);\n  popoverAlign = input<HorizontalConnectionPos>('center');\n  popoverOpen = input(false);\n  popoverCard = input(true);\n\n  private readonly overlay = inject(Overlay);\n  private readonly elementRef = inject(ElementRef);\n  private readonly injector = inject(Injector);\n  private readonly ngZone = inject(NgZone);\n\n  private overlayRef: OverlayRef | null = null;\n  private openTimeout: ReturnType<typeof setTimeout> | null = null;\n  private closeTimeout: ReturnType<typeof setTimeout> | null = null;\n  private overlayListeners: { enter: () => void; leave: () => void } | null = null;\n\n  @HostListener('mouseenter')\n  onMouseEnter(): void {\n    this.cancelClose();\n    this.scheduleOpen();\n  }\n\n  @HostListener('mouseleave')\n  onMouseLeave(): void {\n    this.cancelOpen();\n    this.scheduleClose();\n  }\n\n  private open(): void {\n    if (!this.overlayRef) {\n      this.createOverlay();\n    }\n\n    const overlayRef = this.overlayRef;\n    if (!overlayRef || overlayRef.hasAttached()) {\n      return;\n    }\n\n    const portal = new ComponentPortal(PopoverComponent, null, this.injector);\n    const ref = overlayRef.attach(portal);\n    ref.setInput('templateRef', this.uiPopover());\n    ref.setInput('ctx', { close: () => this.close() });\n    ref.setInput('popoverCard', this.popoverCard());\n\n    const el = overlayRef.overlayElement;\n    const enter = (): void => this.ngZone.run(() => this.cancelClose());\n    const leave = (): void => this.ngZone.run(() => this.scheduleClose());\n    el.addEventListener('mouseenter', enter);\n    el.addEventListener('mouseleave', leave);\n    this.overlayListeners = { enter, leave };\n  }\n\n  private createOverlay(): void {\n    const align = this.popoverAlign();\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.elementRef)\n      .withPositions([\n        { originX: align, originY: 'bottom', overlayX: align, overlayY: 'top', offsetY: this.popoverOffset() },\n        { originX: align, originY: 'top', overlayX: align, overlayY: 'bottom', offsetY: -this.popoverOffset() },\n      ]);\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      hasBackdrop: false,\n    });\n  }\n\n  private scheduleOpen(): void {\n    this.openTimeout = setTimeout(() => this.open(), 100);\n  }\n\n  private cancelOpen(): void {\n    if (this.openTimeout) {\n      clearTimeout(this.openTimeout);\n      this.openTimeout = null;\n    }\n  }\n\n  private scheduleClose(): void {\n    this.closeTimeout = setTimeout(() => this.close(), 150);\n  }\n\n  private cancelClose(): void {\n    if (this.closeTimeout) {\n      clearTimeout(this.closeTimeout);\n      this.closeTimeout = null;\n    }\n  }\n\n  private close(): void {\n    if (!this.overlayRef) {\n      return;\n    }\n\n    if (this.overlayListeners) {\n      const el = this.overlayRef.overlayElement;\n      el.removeEventListener('mouseenter', this.overlayListeners.enter);\n      el.removeEventListener('mouseleave', this.overlayListeners.leave);\n      this.overlayListeners = null;\n    }\n\n    this.overlayRef.detach();\n  }\n\n  ngOnInit(): void {\n    if (this.popoverOpen()) {\n      this.open();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.cancelOpen();\n    this.cancelClose();\n    this.close();\n    this.overlayRef?.dispose();\n  }\n}\n","export * from './popover.directive';\n// PopoverComponent is internal — not part of the public API\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "6.2.16",
+  "version": "6.3.0",
   "license": "proprietary-license",
   "lint-staged": {
     "{projects,components}/**/*.ts": [
@@ -71,29 +71,25 @@
       "types": "./components/accordion/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-accordion.mjs"
     },
-    "./components/ai-caveat": {
-      "types": "./components/ai-caveat/index.d.ts",
-      "default": "./fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs"
-    },
     "./components/ai-audio-circle": {
       "types": "./components/ai-audio-circle/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs"
     },
-    "./components/audio-waveform": {
-      "types": "./components/audio-waveform/index.d.ts",
-      "default": "./fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs"
-    },
-    "./components/alert-banner": {
-      "types": "./components/alert-banner/index.d.ts",
-      "default": "./fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs"
+    "./components/ai-caveat": {
+      "types": "./components/ai-caveat/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs"
     },
     "./components/ai-feedback": {
       "types": "./components/ai-feedback/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs"
     },
-    "./components/autocomplete": {
-      "types": "./components/autocomplete/index.d.ts",
-      "default": "./fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs"
+    "./components/alert-banner": {
+      "types": "./components/alert-banner/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs"
+    },
+    "./components/audio-waveform": {
+      "types": "./components/audio-waveform/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs"
     },
     "./components/avatar": {
       "types": "./components/avatar/index.d.ts",
@@ -103,18 +99,22 @@
       "types": "./components/badge/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-badge.mjs"
     },
+    "./components/autocomplete": {
+      "types": "./components/autocomplete/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs"
+    },
     "./components/breadcrumb": {
       "types": "./components/breadcrumb/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs"
     },
-    "./components/card": {
-      "types": "./components/card/index.d.ts",
-      "default": "./fesm2022/testgorilla-tgo-ui-components-card.mjs"
-    },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-button.mjs"
     },
+    "./components/card": {
+      "types": "./components/card/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-card.mjs"
+    },
     "./components/checkbox": {
       "types": "./components/checkbox/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-checkbox.mjs"
@@ -131,10 +131,6 @@
       "types": "./components/datepicker/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-datepicker.mjs"
     },
-    "./components/donut-chart": {
-      "types": "./components/donut-chart/index.d.ts",
-      "default": "./fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs"
-    },
     "./components/dialog": {
       "types": "./components/dialog/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-dialog.mjs"
@@ -143,26 +139,30 @@
       "types": "./components/divider/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-divider.mjs"
     },
-    "./components/elevation-shadow": {
-      "types": "./components/elevation-shadow/index.d.ts",
-      "default": "./fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs"
+    "./components/donut-chart": {
+      "types": "./components/donut-chart/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs"
     },
     "./components/dropdown": {
       "types": "./components/dropdown/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-dropdown.mjs"
     },
+    "./components/elevation-shadow": {
+      "types": "./components/elevation-shadow/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs"
+    },
     "./components/empty-state": {
       "types": "./components/empty-state/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-empty-state.mjs"
     },
-    "./components/file-upload": {
-      "types": "./components/file-upload/index.d.ts",
-      "default": "./fesm2022/testgorilla-tgo-ui-components-file-upload.mjs"
-    },
     "./components/field": {
       "types": "./components/field/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-field.mjs"
     },
+    "./components/file-upload": {
+      "types": "./components/file-upload/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-file-upload.mjs"
+    },
     "./components/filter-button": {
       "types": "./components/filter-button/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-filter-button.mjs"
@@ -195,14 +195,14 @@
       "types": "./components/media-dialog/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs"
     },
-    "./components/navbar": {
-      "types": "./components/navbar/index.d.ts",
-      "default": "./fesm2022/testgorilla-tgo-ui-components-navbar.mjs"
-    },
     "./components/multi-input": {
       "types": "./components/multi-input/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-multi-input.mjs"
     },
+    "./components/navbar": {
+      "types": "./components/navbar/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-navbar.mjs"
+    },
     "./components/overflow-menu": {
       "types": "./components/overflow-menu/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs"
@@ -227,6 +227,10 @@
       "types": "./components/phone-input/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-phone-input.mjs"
     },
+    "./components/popover": {
+      "types": "./components/popover/index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ui-components-popover.mjs"
+    },
     "./components/progress-bar": {
       "types": "./components/progress-bar/index.d.ts",
       "default": "./fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs"