@ojiepermana/angular 22.2.1 → 22.2.3

package/fesm2022/ojiepermana-angular-component-menubar.mjs

@@ -29,7 +29,7 @@ var MenubarComponent = class MenubarComponent {
 			if (this.row.hasOpenTrigger(trigger)) trigger.open();
 		}
 	});
-	classes = computed(() => cn("inline-flex min-h-control-10 items-center gap-1 rounded-md border border-border bg-background p-1 text-foreground shadow-sm", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("inline-flex min-h-control-10 items-center gap-1 rounded-md border border-border bg-background p-1 text-foreground", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	setActiveTrigger(trigger) {
 		this.row.setActive(trigger);
 	}
@@ -60,7 +60,7 @@ var MenubarComponent = class MenubarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarComponent,
 		deps: [],
@@ -68,7 +68,7 @@ var MenubarComponent = class MenubarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: MenubarComponent,
 		isStandalone: true,
 		selector: "Menubar",
@@ -108,7 +108,7 @@ var MenubarComponent = class MenubarComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenubarComponent,
 	decorators: [{
@@ -152,7 +152,7 @@ i0.ɵɵngDeclareClassMetadata({
 var MenubarMenuComponent = class MenubarMenuComponent {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarMenuComponent,
 		deps: [],
@@ -160,7 +160,7 @@ var MenubarMenuComponent = class MenubarMenuComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: MenubarMenuComponent,
 		isStandalone: true,
 		selector: "MenubarMenu",
@@ -172,7 +172,7 @@ var MenubarMenuComponent = class MenubarMenuComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenubarMenuComponent,
 	decorators: [{
@@ -188,7 +188,7 @@ var MenubarContentDirective = class MenubarContentDirective {
 	template = inject(TemplateRef);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarContentDirective,
 		deps: [],
@@ -196,7 +196,7 @@ var MenubarContentDirective = class MenubarContentDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: MenubarContentDirective,
 		isStandalone: true,
 		selector: "ng-template[MenubarContent]",
@@ -206,7 +206,7 @@ var MenubarContentDirective = class MenubarContentDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenubarContentDirective,
 	decorators: [{
@@ -331,7 +331,7 @@ var MenubarTriggerDirective = class MenubarTriggerDirective {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarTriggerDirective,
 		deps: [],
@@ -339,7 +339,7 @@ var MenubarTriggerDirective = class MenubarTriggerDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: MenubarTriggerDirective,
 		isStandalone: true,
 		selector: "[MenubarTrigger]",
@@ -406,7 +406,7 @@ var MenubarTriggerDirective = class MenubarTriggerDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenubarTriggerDirective,
 	decorators: [{

package/fesm2022/ojiepermana-angular-component-native-select.mjs

@@ -3,11 +3,11 @@ import { Component, Directive, ElementRef, computed, inject, input } from "@angu
 import { cn } from "@ojiepermana/angular/component/utils/core";
 const BASE = [
 	"block h-control-md w-full appearance-none rounded-md border border-input bg-transparent px-3 py-2",
-	"pr-10 text-sm shadow-sm transition-colors",
+	"pr-10 text-sm transition-colors",
 	"text-foreground",
-	"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+	"focus-ring",
 	"disabled:cursor-not-allowed disabled:opacity-50",
-	"aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive"
+	"aria-[invalid=true]:border-destructive aria-[invalid=true]:[--focus-ring-color:hsl(var(--destructive))]"
 ].join(" ");
 var NativeSelectComponent = class NativeSelectComponent {
 	el = inject(ElementRef);
@@ -18,7 +18,7 @@ var NativeSelectComponent = class NativeSelectComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NativeSelectComponent,
 		deps: [],
@@ -26,7 +26,7 @@ var NativeSelectComponent = class NativeSelectComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NativeSelectComponent,
 		isStandalone: true,
 		selector: "select[NativeSelect]",
@@ -41,12 +41,12 @@ var NativeSelectComponent = class NativeSelectComponent {
 		ngImport: i0,
 		template: "<ng-content />",
 		isInline: true,
-		styles: [":host{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E\");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem}:host([dir=\"rtl\"]){background-position:left .75rem center;padding-left:calc(var(--spacing-base) * 10);padding-right:calc(var(--spacing-base) * 3)}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:calc(var(--spacing-base) * 3);padding-right:calc(var(--spacing-base) * 3)}\n"]
+		styles: [":host{--native-select-chevron-half: .3125rem;--native-select-chevron-stroke: .05rem;--native-select-chevron-end: .75rem;background-image:linear-gradient(45deg,transparent calc(50% - var(--native-select-chevron-stroke)),currentColor calc(50% - var(--native-select-chevron-stroke)),currentColor calc(50% + var(--native-select-chevron-stroke)),transparent calc(50% + var(--native-select-chevron-stroke))),linear-gradient(135deg,transparent calc(50% - var(--native-select-chevron-stroke)),currentColor calc(50% - var(--native-select-chevron-stroke)),currentColor calc(50% + var(--native-select-chevron-stroke)),transparent calc(50% + var(--native-select-chevron-stroke)));background-position:right calc(var(--native-select-chevron-end) + var(--native-select-chevron-half)) center,right var(--native-select-chevron-end) center;background-repeat:no-repeat;background-size:var(--native-select-chevron-half) var(--native-select-chevron-half)}:host([dir=\"rtl\"]){background-position:left var(--native-select-chevron-end) center,left calc(var(--native-select-chevron-end) + var(--native-select-chevron-half)) center;padding-left:calc(var(--spacing-base) * 10);padding-right:calc(var(--spacing-base) * 3)}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:calc(var(--spacing-base) * 3);padding-right:calc(var(--spacing-base) * 3)}\n"]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NativeSelectComponent,
 	decorators: [{
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "select[NativeSelect]",
 			host: { "[class]": "classes()" },
 			template: "<ng-content />",
-			styles: [":host{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E\");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem}:host([dir=\"rtl\"]){background-position:left .75rem center;padding-left:calc(var(--spacing-base) * 10);padding-right:calc(var(--spacing-base) * 3)}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:calc(var(--spacing-base) * 3);padding-right:calc(var(--spacing-base) * 3)}\n"]
+			styles: [":host{--native-select-chevron-half: .3125rem;--native-select-chevron-stroke: .05rem;--native-select-chevron-end: .75rem;background-image:linear-gradient(45deg,transparent calc(50% - var(--native-select-chevron-stroke)),currentColor calc(50% - var(--native-select-chevron-stroke)),currentColor calc(50% + var(--native-select-chevron-stroke)),transparent calc(50% + var(--native-select-chevron-stroke))),linear-gradient(135deg,transparent calc(50% - var(--native-select-chevron-stroke)),currentColor calc(50% - var(--native-select-chevron-stroke)),currentColor calc(50% + var(--native-select-chevron-stroke)),transparent calc(50% + var(--native-select-chevron-stroke)));background-position:right calc(var(--native-select-chevron-end) + var(--native-select-chevron-half)) center,right var(--native-select-chevron-end) center;background-repeat:no-repeat;background-size:var(--native-select-chevron-half) var(--native-select-chevron-half)}:host([dir=\"rtl\"]){background-position:left var(--native-select-chevron-end) center,left calc(var(--native-select-chevron-end) + var(--native-select-chevron-half)) center;padding-left:calc(var(--spacing-base) * 10);padding-right:calc(var(--spacing-base) * 3)}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:calc(var(--spacing-base) * 3);padding-right:calc(var(--spacing-base) * 3)}\n"]
 		}]
 	}],
 	propDecorators: { class: [{
@@ -72,7 +72,7 @@ var NativeSelectOptionDirective = class NativeSelectOptionDirective {
 	classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NativeSelectOptionDirective,
 		deps: [],
@@ -80,7 +80,7 @@ var NativeSelectOptionDirective = class NativeSelectOptionDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NativeSelectOptionDirective,
 		isStandalone: true,
 		selector: "option[NativeSelectOption]",
@@ -97,7 +97,7 @@ var NativeSelectOptionDirective = class NativeSelectOptionDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NativeSelectOptionDirective,
 	decorators: [{
@@ -121,7 +121,7 @@ var NativeSelectOptGroupDirective = class NativeSelectOptGroupDirective {
 	classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NativeSelectOptGroupDirective,
 		deps: [],
@@ -129,7 +129,7 @@ var NativeSelectOptGroupDirective = class NativeSelectOptGroupDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NativeSelectOptGroupDirective,
 		isStandalone: true,
 		selector: "optgroup[NativeSelectOptGroup]",
@@ -146,7 +146,7 @@ var NativeSelectOptGroupDirective = class NativeSelectOptGroupDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NativeSelectOptGroupDirective,
 	decorators: [{

package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs

@@ -24,7 +24,7 @@ var NavigationMenuRootItem = class NavigationMenuRootItem {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationMenuRootItem,
 		deps: [],
@@ -32,7 +32,7 @@ var NavigationMenuRootItem = class NavigationMenuRootItem {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationMenuRootItem,
 		isStandalone: true,
 		inputs: { disabled: {
@@ -47,7 +47,7 @@ var NavigationMenuRootItem = class NavigationMenuRootItem {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationMenuRootItem,
 	decorators: [{ type: Directive }],
@@ -120,7 +120,7 @@ var NavigationMenuComponent = class NavigationMenuComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationMenuComponent,
 		deps: [],
@@ -128,7 +128,7 @@ var NavigationMenuComponent = class NavigationMenuComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationMenuComponent,
 		isStandalone: true,
 		selector: "NavigationMenu",
@@ -176,7 +176,7 @@ var NavigationMenuComponent = class NavigationMenuComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationMenuComponent,
 	decorators: [{
@@ -231,7 +231,7 @@ var NavigationMenuListComponent = class NavigationMenuListComponent {
 	classes = computed(() => cn("group flex flex-1 list-none items-center justify-center gap-1", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationMenuListComponent,
 		deps: [],
@@ -239,7 +239,7 @@ var NavigationMenuListComponent = class NavigationMenuListComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationMenuListComponent,
 		isStandalone: true,
 		selector: "NavigationMenuList",
@@ -258,7 +258,7 @@ var NavigationMenuListComponent = class NavigationMenuListComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationMenuListComponent,
 	decorators: [{
@@ -283,7 +283,7 @@ var NavigationMenuItemComponent = class NavigationMenuItemComponent {
 	classes = computed(() => cn("relative", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationMenuItemComponent,
 		deps: [],
@@ -291,7 +291,7 @@ var NavigationMenuItemComponent = class NavigationMenuItemComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationMenuItemComponent,
 		isStandalone: true,
 		selector: "NavigationMenuItem",
@@ -310,7 +310,7 @@ var NavigationMenuItemComponent = class NavigationMenuItemComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationMenuItemComponent,
 	decorators: [{
@@ -334,7 +334,7 @@ var NavigationMenuContentDirective = class NavigationMenuContentDirective {
 	template = inject(TemplateRef);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationMenuContentDirective,
 		deps: [],
@@ -342,7 +342,7 @@ var NavigationMenuContentDirective = class NavigationMenuContentDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationMenuContentDirective,
 		isStandalone: true,
 		selector: "ng-template[NavigationMenuContent]",
@@ -352,7 +352,7 @@ var NavigationMenuContentDirective = class NavigationMenuContentDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationMenuContentDirective,
 	decorators: [{
@@ -442,7 +442,7 @@ var NavigationMenuTriggerDirective = class NavigationMenuTriggerDirective extend
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationMenuTriggerDirective,
 		deps: [],
@@ -450,7 +450,7 @@ var NavigationMenuTriggerDirective = class NavigationMenuTriggerDirective extend
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationMenuTriggerDirective,
 		isStandalone: true,
 		selector: "[NavigationMenuTrigger]",
@@ -508,7 +508,7 @@ var NavigationMenuTriggerDirective = class NavigationMenuTriggerDirective extend
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationMenuTriggerDirective,
 	decorators: [{
@@ -590,7 +590,7 @@ var NavigationMenuLinkDirective = class NavigationMenuLinkDirective extends Navi
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationMenuLinkDirective,
 		deps: null,
@@ -598,7 +598,7 @@ var NavigationMenuLinkDirective = class NavigationMenuLinkDirective extends Navi
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationMenuLinkDirective,
 		isStandalone: true,
 		selector: "a[NavigationMenuLink], button[NavigationMenuLink]",
@@ -641,7 +641,7 @@ var NavigationMenuLinkDirective = class NavigationMenuLinkDirective extends Navi
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationMenuLinkDirective,
 	decorators: [{

package/fesm2022/ojiepermana-angular-component-pagination.mjs

@@ -72,7 +72,7 @@ var PaginationComponent = class PaginationComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PaginationComponent,
 		deps: [],
@@ -80,7 +80,7 @@ var PaginationComponent = class PaginationComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PaginationComponent,
 		isStandalone: true,
 		selector: "Pagination, nav[Pagination]",
@@ -246,7 +246,7 @@ var PaginationComponent = class PaginationComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PaginationComponent,
 	decorators: [{

package/fesm2022/ojiepermana-angular-component-pillbox.mjs

@@ -9,7 +9,7 @@ var PillboxSelectedDirective = class PillboxSelectedDirective {
 	template = inject(TemplateRef);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PillboxSelectedDirective,
 		deps: [],
@@ -17,7 +17,7 @@ var PillboxSelectedDirective = class PillboxSelectedDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PillboxSelectedDirective,
 		isStandalone: true,
 		selector: "ng-template[PillboxSelected]",
@@ -27,7 +27,7 @@ var PillboxSelectedDirective = class PillboxSelectedDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PillboxSelectedDirective,
 	decorators: [{
@@ -93,7 +93,7 @@ var PillboxOptionComponent = class PillboxOptionComponent extends PillboxRovingO
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PillboxOptionComponent,
 		deps: null,
@@ -101,7 +101,7 @@ var PillboxOptionComponent = class PillboxOptionComponent extends PillboxRovingO
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PillboxOptionComponent,
 		isStandalone: true,
 		selector: "PillboxOption, button[PillboxOption]",
@@ -200,7 +200,7 @@ var PillboxOptionComponent = class PillboxOptionComponent extends PillboxRovingO
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PillboxOptionComponent,
 	decorators: [{
@@ -341,7 +341,7 @@ var PillboxOptionCreateComponent = class PillboxOptionCreateComponent extends Pi
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PillboxOptionCreateComponent,
 		deps: null,
@@ -349,7 +349,7 @@ var PillboxOptionCreateComponent = class PillboxOptionCreateComponent extends Pi
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PillboxOptionCreateComponent,
 		isStandalone: true,
 		selector: "PillboxOptionCreate, button[PillboxOptionCreate]",
@@ -401,7 +401,7 @@ var PillboxOptionCreateComponent = class PillboxOptionCreateComponent extends Pi
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PillboxOptionCreateComponent,
 	decorators: [{
@@ -461,7 +461,7 @@ var PillboxOptionEmptyComponent = class PillboxOptionEmptyComponent {
 	classes = computed(() => cn("px-2 py-6 text-center text-sm text-muted-foreground", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PillboxOptionEmptyComponent,
 		deps: [],
@@ -469,7 +469,7 @@ var PillboxOptionEmptyComponent = class PillboxOptionEmptyComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PillboxOptionEmptyComponent,
 		isStandalone: true,
 		selector: "PillboxOptionEmpty",
@@ -510,7 +510,7 @@ var PillboxOptionEmptyComponent = class PillboxOptionEmptyComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PillboxOptionEmptyComponent,
 	decorators: [{
@@ -645,7 +645,7 @@ var PillboxComponent = class PillboxComponent extends PillboxContext {
 	hasInlineSearch = computed(() => this.variant() === "combobox", ...ngDevMode ? [{ debugName: "hasInlineSearch" }] : /* istanbul ignore next */ []);
 	disabledState = computed(() => this.disabled() || this.disabledFromControl(), ...ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []);
 	classes = computed(() => cn("relative block w-full min-w-0 text-sm text-foreground", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
-	triggerClasses = computed(() => cn("flex w-full min-w-0 cursor-default items-center gap-2 rounded-md border border-input bg-background shadow-sm transition-colors", "focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background", "hover:bg-accent/20", pillboxTriggerSizeClasses[this.size()], this.invalid() ? "border-destructive ring-1 ring-destructive" : "", this.disabledState() ? "pointer-events-none cursor-not-allowed opacity-50" : ""), ...ngDevMode ? [{ debugName: "triggerClasses" }] : /* istanbul ignore next */ []);
+	triggerClasses = computed(() => cn("flex w-full min-w-0 cursor-default items-center gap-2 rounded-md border border-input bg-background transition-colors", "focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background", "hover:bg-accent/20", pillboxTriggerSizeClasses[this.size()], this.invalid() ? "border-destructive ring-1 ring-destructive" : "", this.disabledState() ? "pointer-events-none cursor-not-allowed opacity-50" : ""), ...ngDevMode ? [{ debugName: "triggerClasses" }] : /* istanbul ignore next */ []);
 	pillClasses = computed(() => cn("inline-flex max-w-full shrink-0 items-center gap-1 rounded-md border border-border bg-muted font-medium text-muted-foreground", pillboxPillSizeClasses[this.size()]), ...ngDevMode ? [{ debugName: "pillClasses" }] : /* istanbul ignore next */ []);
 	panelClasses = computed(() => cn("absolute left-0 right-0 z-50 mt-1 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md", "min-w-full"), ...ngDevMode ? [{ debugName: "panelClasses" }] : /* istanbul ignore next */ []);
 	selectedItems = computed(() => this.selectedValues().map((value) => {
@@ -862,7 +862,7 @@ var PillboxComponent = class PillboxComponent extends PillboxContext {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PillboxComponent,
 		deps: [],
@@ -870,7 +870,7 @@ var PillboxComponent = class PillboxComponent extends PillboxContext {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PillboxComponent,
 		isStandalone: true,
 		selector: "Pillbox",
@@ -1268,7 +1268,7 @@ var PillboxComponent = class PillboxComponent extends PillboxContext {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PillboxComponent,
 	decorators: [{

package/fesm2022/ojiepermana-angular-component-popover.mjs

@@ -14,7 +14,7 @@ var PopoverContentDirective = class PopoverContentDirective {
 	template = inject(TemplateRef);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PopoverContentDirective,
 		deps: [],
@@ -22,7 +22,7 @@ var PopoverContentDirective = class PopoverContentDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PopoverContentDirective,
 		isStandalone: true,
 		selector: "ng-template[PopoverContent]",
@@ -41,7 +41,7 @@ var PopoverContentDirective = class PopoverContentDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PopoverContentDirective,
 	decorators: [{
@@ -155,7 +155,7 @@ var PopoverTriggerDirective = class PopoverTriggerDirective {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PopoverTriggerDirective,
 		deps: [],
@@ -163,7 +163,7 @@ var PopoverTriggerDirective = class PopoverTriggerDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: PopoverTriggerDirective,
 		isStandalone: true,
 		selector: "[PopoverTrigger]",
@@ -223,7 +223,7 @@ var PopoverTriggerDirective = class PopoverTriggerDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PopoverTriggerDirective,
 	decorators: [{

package/fesm2022/ojiepermana-angular-component-progress.mjs

@@ -25,7 +25,7 @@ var ProgressComponent = class ProgressComponent {
 	classes = computed(() => cn("relative h-2 w-full overflow-hidden rounded-full bg-secondary", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ProgressComponent,
 		deps: [],
@@ -33,7 +33,7 @@ var ProgressComponent = class ProgressComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ProgressComponent,
 		isStandalone: true,
 		selector: "ProgressBar",
@@ -104,7 +104,7 @@ var ProgressComponent = class ProgressComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ProgressComponent,
 	decorators: [{