@ojiepermana/angular 22.2.1 → 22.2.2

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

@@ -6,7 +6,7 @@ var SkeletonComponent = class SkeletonComponent {
 	classes = computed(() => cn("block animate-pulse rounded-md bg-muted motion-reduce:animate-none", 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: SkeletonComponent,
 		deps: [],
@@ -14,7 +14,7 @@ var SkeletonComponent = class SkeletonComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: SkeletonComponent,
 		isStandalone: true,
 		selector: "Skeleton",
@@ -36,7 +36,7 @@ var SkeletonComponent = class SkeletonComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SkeletonComponent,
 	decorators: [{

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

@@ -11,7 +11,7 @@ var SliderComponent = class SliderComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SliderComponent,
 		deps: [],
@@ -19,7 +19,7 @@ var SliderComponent = class SliderComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: SliderComponent,
 		isStandalone: true,
 		selector: "input[type=range][Slider]",
@@ -34,12 +34,12 @@ var SliderComponent = class SliderComponent {
 		ngImport: i0,
 		template: "",
 		isInline: true,
-		styles: [":host.Slider{height:calc(var(--spacing-base) * 5);cursor:pointer}:host.Slider::-webkit-slider-runnable-track{height:calc(var(--spacing-base) * 2);border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.Slider::-moz-range-track{height:calc(var(--spacing-base) * 2);border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.Slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:calc(var(--spacing-base) * -1);width:calc(var(--spacing-base) * 4);height:calc(var(--spacing-base) * 4);border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.Slider::-moz-range-thumb{width:calc(var(--spacing-base) * 4);height:calc(var(--spacing-base) * 4);border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.Slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.Slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.Slider:disabled::-webkit-slider-thumb{cursor:not-allowed}:host.Slider:disabled::-moz-range-thumb{cursor:not-allowed}\n"]
+		styles: [":host.Slider{height:calc(var(--spacing-base) * 5);cursor:pointer}:host.Slider::-webkit-slider-runnable-track{height:calc(var(--spacing-base) * 2);border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.Slider::-moz-range-track{height:calc(var(--spacing-base) * 2);border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.Slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:calc(var(--spacing-base) * -1);width:calc(var(--spacing-base) * 4);height:calc(var(--spacing-base) * 4);border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow var(--duration-fast) var(--ease-standard)}:host.Slider::-moz-range-thumb{width:calc(var(--spacing-base) * 4);height:calc(var(--spacing-base) * 4);border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow var(--duration-fast) var(--ease-standard)}:host.Slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.Slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.Slider:disabled::-webkit-slider-thumb{cursor:not-allowed}:host.Slider:disabled::-moz-range-thumb{cursor:not-allowed}\n"]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SliderComponent,
 	decorators: [{
@@ -48,7 +48,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "input[type=range][Slider]",
 			host: { "[class]": "classes()" },
 			template: "",
-			styles: [":host.Slider{height:calc(var(--spacing-base) * 5);cursor:pointer}:host.Slider::-webkit-slider-runnable-track{height:calc(var(--spacing-base) * 2);border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.Slider::-moz-range-track{height:calc(var(--spacing-base) * 2);border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.Slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:calc(var(--spacing-base) * -1);width:calc(var(--spacing-base) * 4);height:calc(var(--spacing-base) * 4);border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.Slider::-moz-range-thumb{width:calc(var(--spacing-base) * 4);height:calc(var(--spacing-base) * 4);border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.Slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.Slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.Slider:disabled::-webkit-slider-thumb{cursor:not-allowed}:host.Slider:disabled::-moz-range-thumb{cursor:not-allowed}\n"]
+			styles: [":host.Slider{height:calc(var(--spacing-base) * 5);cursor:pointer}:host.Slider::-webkit-slider-runnable-track{height:calc(var(--spacing-base) * 2);border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.Slider::-moz-range-track{height:calc(var(--spacing-base) * 2);border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.Slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:calc(var(--spacing-base) * -1);width:calc(var(--spacing-base) * 4);height:calc(var(--spacing-base) * 4);border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow var(--duration-fast) var(--ease-standard)}:host.Slider::-moz-range-thumb{width:calc(var(--spacing-base) * 4);height:calc(var(--spacing-base) * 4);border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow var(--duration-fast) var(--ease-standard)}:host.Slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.Slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.Slider:disabled::-webkit-slider-thumb{cursor:not-allowed}:host.Slider:disabled::-moz-range-thumb{cursor:not-allowed}\n"]
 		}]
 	}],
 	propDecorators: { class: [{
@@ -316,7 +316,7 @@ var SliderRootComponent = class SliderRootComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SliderRootComponent,
 		deps: [],
@@ -324,7 +324,7 @@ var SliderRootComponent = class SliderRootComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: SliderRootComponent,
 		isStandalone: true,
 		selector: "Slider",
@@ -465,12 +465,12 @@ var SliderRootComponent = class SliderRootComponent {
     </div>
   `,
 		isInline: true,
-		styles: [":host.slider-root{--slider-thumb-size: 1rem;--slider-track-size: .5rem;display:block}.slider__track{position:relative;flex:1 1 auto;border-radius:9999px;background:hsl(var(--secondary))}:host[data-orientation=horizontal] .slider__track{height:var(--slider-track-size);width:100%}:host[data-orientation=vertical] .slider__track{height:100%;width:var(--slider-track-size)}.slider__range{position:absolute;border-radius:inherit;background:hsl(var(--primary))}:host[data-orientation=horizontal] .slider__range{top:0;height:100%}:host[data-orientation=vertical] .slider__range{left:0;width:100%}.slider__thumb{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);border:var(--border-width) solid hsl(var(--primary));border-radius:9999px;background:hsl(var(--background));box-shadow:0 1px 2px hsl(var(--foreground) / .14);transition:box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}:host[data-orientation=horizontal] .slider__thumb{transform:translate(-50%,-50%)}:host[data-orientation=vertical] .slider__thumb{transform:translate(-50%,50%)}.slider__thumb:focus-visible{outline:none;box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host[data-disabled] .slider__track,:host[data-disabled] .slider__thumb{cursor:not-allowed}\n"]
+		styles: [":host.slider-root{--slider-thumb-size: 1rem;--slider-track-size: .5rem;display:block}.slider__track{position:relative;flex:1 1 auto;border-radius:9999px;background:hsl(var(--secondary))}:host[data-orientation=horizontal] .slider__track{height:var(--slider-track-size);width:100%}:host[data-orientation=vertical] .slider__track{height:100%;width:var(--slider-track-size)}.slider__range{position:absolute;border-radius:inherit;background:hsl(var(--primary))}:host[data-orientation=horizontal] .slider__range{top:0;height:100%}:host[data-orientation=vertical] .slider__range{left:0;width:100%}.slider__thumb{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);border:var(--border-width) solid hsl(var(--primary));border-radius:9999px;background:hsl(var(--background));box-shadow:0 1px 2px hsl(var(--foreground) / .14);transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}:host[data-orientation=horizontal] .slider__thumb{transform:translate(-50%,-50%)}:host[data-orientation=vertical] .slider__thumb{transform:translate(-50%,50%)}.slider__thumb:focus-visible{outline:none;box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host[data-disabled] .slider__track,:host[data-disabled] .slider__thumb{cursor:not-allowed}\n"]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SliderRootComponent,
 	decorators: [{
@@ -518,7 +518,7 @@ i0.ɵɵngDeclareClassMetadata({
       }
     </div>
   `,
-			styles: [":host.slider-root{--slider-thumb-size: 1rem;--slider-track-size: .5rem;display:block}.slider__track{position:relative;flex:1 1 auto;border-radius:9999px;background:hsl(var(--secondary))}:host[data-orientation=horizontal] .slider__track{height:var(--slider-track-size);width:100%}:host[data-orientation=vertical] .slider__track{height:100%;width:var(--slider-track-size)}.slider__range{position:absolute;border-radius:inherit;background:hsl(var(--primary))}:host[data-orientation=horizontal] .slider__range{top:0;height:100%}:host[data-orientation=vertical] .slider__range{left:0;width:100%}.slider__thumb{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);border:var(--border-width) solid hsl(var(--primary));border-radius:9999px;background:hsl(var(--background));box-shadow:0 1px 2px hsl(var(--foreground) / .14);transition:box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}:host[data-orientation=horizontal] .slider__thumb{transform:translate(-50%,-50%)}:host[data-orientation=vertical] .slider__thumb{transform:translate(-50%,50%)}.slider__thumb:focus-visible{outline:none;box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host[data-disabled] .slider__track,:host[data-disabled] .slider__thumb{cursor:not-allowed}\n"]
+			styles: [":host.slider-root{--slider-thumb-size: 1rem;--slider-track-size: .5rem;display:block}.slider__track{position:relative;flex:1 1 auto;border-radius:9999px;background:hsl(var(--secondary))}:host[data-orientation=horizontal] .slider__track{height:var(--slider-track-size);width:100%}:host[data-orientation=vertical] .slider__track{height:100%;width:var(--slider-track-size)}.slider__range{position:absolute;border-radius:inherit;background:hsl(var(--primary))}:host[data-orientation=horizontal] .slider__range{top:0;height:100%}:host[data-orientation=vertical] .slider__range{left:0;width:100%}.slider__thumb{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);border:var(--border-width) solid hsl(var(--primary));border-radius:9999px;background:hsl(var(--background));box-shadow:0 1px 2px hsl(var(--foreground) / .14);transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}:host[data-orientation=horizontal] .slider__thumb{transform:translate(-50%,-50%)}:host[data-orientation=vertical] .slider__thumb{transform:translate(-50%,50%)}.slider__thumb:focus-visible{outline:none;box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host[data-disabled] .slider__track,:host[data-disabled] .slider__thumb{cursor:not-allowed}\n"]
 		}]
 	}],
 	ctorParameters: () => [],

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

@@ -18,7 +18,7 @@ var SpinnerComponent = class SpinnerComponent {
 	classes = computed(() => cn("inline-flex size-4 shrink-0 items-center justify-center align-middle text-current", 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: SpinnerComponent,
 		deps: [],
@@ -26,7 +26,7 @@ var SpinnerComponent = class SpinnerComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: SpinnerComponent,
 		isStandalone: true,
 		selector: "Spinner",
@@ -89,7 +89,7 @@ var SpinnerComponent = class SpinnerComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SpinnerComponent,
 	decorators: [{

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

@@ -47,7 +47,7 @@ var SwitchComponent = class SwitchComponent {
 	isDisabled = computed(() => this.disabled() || this.disabledState(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	hostClasses = computed(() => cn("Switch inline-flex", this.size() === "sm" ? "switch-sm" : "switch-default", this.class()), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
 	labelClasses = computed(() => cn("inline-flex select-none items-center gap-2 text-sm font-medium leading-none", this.isDisabled() ? "cursor-not-allowed opacity-50" : "cursor-pointer"), ...ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []);
-	trackClasses = computed(() => cn("inline-flex shrink-0 items-center rounded-full border-2 border-transparent shadow-sm transition-colors", "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background", this.size() === "sm" ? "h-4 w-7" : "h-5 w-9", this.ariaInvalidAttr() === "true" ? "bg-destructive" : this.checked() ? "bg-primary" : "bg-input"), ...ngDevMode ? [{ debugName: "trackClasses" }] : /* istanbul ignore next */ []);
+	trackClasses = computed(() => cn("inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors", "peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background", this.size() === "sm" ? "h-4 w-7" : "h-5 w-9", this.ariaInvalidAttr() === "true" ? "bg-destructive" : this.checked() ? "bg-primary" : "bg-input"), ...ngDevMode ? [{ debugName: "trackClasses" }] : /* istanbul ignore next */ []);
 	thumbClasses = computed(() => cn("pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform", this.size() === "sm" ? "size-3" : "size-4", this.checked() ? this.size() === "sm" ? "translate-x-3" : "translate-x-4" : "translate-x-0"), ...ngDevMode ? [{ debugName: "thumbClasses" }] : /* istanbul ignore next */ []);
 	onChange = () => {};
 	onTouched = () => {};
@@ -77,7 +77,7 @@ var SwitchComponent = class SwitchComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SwitchComponent,
 		deps: [],
@@ -85,7 +85,7 @@ var SwitchComponent = class SwitchComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: SwitchComponent,
 		isStandalone: true,
 		selector: "Switch",
@@ -216,7 +216,7 @@ var SwitchComponent = class SwitchComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SwitchComponent,
 	decorators: [{

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

@@ -11,7 +11,7 @@ var TableComponent = class TableComponent {
 	classes = computed(() => cn("w-full caption-bottom text-sm", 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: TableComponent,
 		deps: [],
@@ -19,7 +19,7 @@ var TableComponent = class TableComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TableComponent,
 		isStandalone: true,
 		selector: "Table",
@@ -51,7 +51,7 @@ var TableComponent = class TableComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TableComponent,
 	decorators: [{
@@ -84,7 +84,7 @@ var TableHeaderComponent = class TableHeaderComponent {
 	classes = computed(() => cn("[&_tr]:border-b [&_tr]:border-border", 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: TableHeaderComponent,
 		deps: [],
@@ -92,7 +92,7 @@ var TableHeaderComponent = class TableHeaderComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TableHeaderComponent,
 		isStandalone: true,
 		selector: "thead[TableHeader]",
@@ -111,7 +111,7 @@ var TableHeaderComponent = class TableHeaderComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TableHeaderComponent,
 	decorators: [{
@@ -136,7 +136,7 @@ var TableBodyComponent = class TableBodyComponent {
 	classes = computed(() => cn("[&_tr:last-child]:border-0", 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: TableBodyComponent,
 		deps: [],
@@ -144,7 +144,7 @@ var TableBodyComponent = class TableBodyComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TableBodyComponent,
 		isStandalone: true,
 		selector: "tbody[TableBody]",
@@ -163,7 +163,7 @@ var TableBodyComponent = class TableBodyComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TableBodyComponent,
 	decorators: [{
@@ -188,7 +188,7 @@ var TableFooterComponent = class TableFooterComponent {
 	classes = computed(() => cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", 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: TableFooterComponent,
 		deps: [],
@@ -196,7 +196,7 @@ var TableFooterComponent = class TableFooterComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TableFooterComponent,
 		isStandalone: true,
 		selector: "tfoot[TableFooter]",
@@ -215,7 +215,7 @@ var TableFooterComponent = class TableFooterComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TableFooterComponent,
 	decorators: [{
@@ -240,7 +240,7 @@ var TableRowComponent = class TableRowComponent {
 	classes = computed(() => cn("border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", 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: TableRowComponent,
 		deps: [],
@@ -248,7 +248,7 @@ var TableRowComponent = class TableRowComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TableRowComponent,
 		isStandalone: true,
 		selector: "tr[TableRow]",
@@ -267,7 +267,7 @@ var TableRowComponent = class TableRowComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TableRowComponent,
 	decorators: [{
@@ -292,7 +292,7 @@ var TableHeadComponent = class TableHeadComponent {
 	classes = computed(() => cn("h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-muted-foreground", "[&:has([role=checkbox])]:pr-0", "[&>[role=checkbox]]:translate-y-[2px]", 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: TableHeadComponent,
 		deps: [],
@@ -300,7 +300,7 @@ var TableHeadComponent = class TableHeadComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TableHeadComponent,
 		isStandalone: true,
 		selector: "th[TableHead]",
@@ -319,7 +319,7 @@ var TableHeadComponent = class TableHeadComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TableHeadComponent,
 	decorators: [{
@@ -344,7 +344,7 @@ var TableCellComponent = class TableCellComponent {
 	classes = computed(() => cn("whitespace-nowrap p-2 align-middle", "[&:has([role=checkbox])]:pr-0", "[&>[role=checkbox]]:translate-y-[2px]", 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: TableCellComponent,
 		deps: [],
@@ -352,7 +352,7 @@ var TableCellComponent = class TableCellComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TableCellComponent,
 		isStandalone: true,
 		selector: "td[TableCell]",
@@ -371,7 +371,7 @@ var TableCellComponent = class TableCellComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TableCellComponent,
 	decorators: [{
@@ -396,7 +396,7 @@ var TableCaptionComponent = class TableCaptionComponent {
 	classes = computed(() => cn("mt-4 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: TableCaptionComponent,
 		deps: [],
@@ -404,7 +404,7 @@ var TableCaptionComponent = class TableCaptionComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TableCaptionComponent,
 		isStandalone: true,
 		selector: "caption[TableCaption]",
@@ -423,7 +423,7 @@ var TableCaptionComponent = class TableCaptionComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TableCaptionComponent,
 	decorators: [{

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

@@ -6,7 +6,7 @@ import { ComponentScaleDirective } from "@ojiepermana/angular/component/utils/sc
 var TabsContextBase = class TabsContextBase {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TabsContextBase,
 		deps: [],
@@ -14,7 +14,7 @@ var TabsContextBase = class TabsContextBase {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TabsContextBase,
 		isStandalone: true,
 		ngImport: i0
@@ -22,7 +22,7 @@ var TabsContextBase = class TabsContextBase {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TabsContextBase,
 	decorators: [{ type: Directive }]
@@ -30,7 +30,7 @@ i0.ɵɵngDeclareClassMetadata({
 var TabsListContextBase = class TabsListContextBase {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TabsListContextBase,
 		deps: [],
@@ -38,7 +38,7 @@ var TabsListContextBase = class TabsListContextBase {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TabsListContextBase,
 		isStandalone: true,
 		ngImport: i0
@@ -46,7 +46,7 @@ var TabsListContextBase = class TabsListContextBase {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TabsListContextBase,
 	decorators: [{ type: Directive }]
@@ -117,7 +117,7 @@ var TabsComponent = class TabsComponent extends TabsContextBase {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TabsComponent,
 		deps: null,
@@ -125,7 +125,7 @@ var TabsComponent = class TabsComponent extends TabsContextBase {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TabsComponent,
 		isStandalone: true,
 		selector: "Tabs",
@@ -178,7 +178,7 @@ var TabsComponent = class TabsComponent extends TabsContextBase {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TabsComponent,
 	decorators: [{
@@ -244,7 +244,7 @@ var TabsListComponent = class TabsListComponent extends TabsListContextBase {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TabsListComponent,
 		deps: null,
@@ -252,7 +252,7 @@ var TabsListComponent = class TabsListComponent extends TabsListContextBase {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TabsListComponent,
 		isStandalone: true,
 		selector: "TabsList",
@@ -290,7 +290,7 @@ var TabsListComponent = class TabsListComponent extends TabsListContextBase {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TabsListComponent,
 	decorators: [{
@@ -370,7 +370,7 @@ var TabsTriggerComponent = class TabsTriggerComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TabsTriggerComponent,
 		deps: [],
@@ -378,7 +378,7 @@ var TabsTriggerComponent = class TabsTriggerComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TabsTriggerComponent,
 		isStandalone: true,
 		selector: "button[TabsTrigger]",
@@ -435,7 +435,7 @@ var TabsTriggerComponent = class TabsTriggerComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TabsTriggerComponent,
 	decorators: [{
@@ -501,7 +501,7 @@ var TabsContentComponent = class TabsContentComponent {
 	classes = computed(() => cn("mt-2 block ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", 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: TabsContentComponent,
 		deps: [],
@@ -509,7 +509,7 @@ var TabsContentComponent = class TabsContentComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TabsContentComponent,
 		isStandalone: true,
 		selector: "TabsContent",
@@ -549,7 +549,7 @@ var TabsContentComponent = class TabsContentComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TabsContentComponent,
 	decorators: [{

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

@@ -11,18 +11,18 @@ var TextareaComponent = class TextareaComponent {
 	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
 	classes = computed(() => cn([
 		"flex min-h-15 w-full resize-y rounded-md border border-input bg-transparent px-3 py-2",
-		"text-sm shadow-sm transition-colors",
+		"text-sm transition-colors",
 		"placeholder:text-muted-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(" "), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	focus() {
 		this.el.nativeElement.focus();
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TextareaComponent,
 		deps: [],
@@ -30,7 +30,7 @@ var TextareaComponent = class TextareaComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TextareaComponent,
 		isStandalone: true,
 		selector: "textarea[Textarea]",
@@ -58,7 +58,7 @@ var TextareaComponent = class TextareaComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TextareaComponent,
 	decorators: [{