@ojiepermana/angular 22.2.1 → 22.2.3

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

@@ -6,7 +6,7 @@ var BreadcrumbComponent = class BreadcrumbComponent {
 	classes = computed(() => cn("block", 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: BreadcrumbComponent,
 		deps: [],
@@ -14,7 +14,7 @@ var BreadcrumbComponent = class BreadcrumbComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: BreadcrumbComponent,
 		isStandalone: true,
 		selector: "Breadcrumb, nav[Breadcrumb]",
@@ -36,7 +36,7 @@ var BreadcrumbComponent = class BreadcrumbComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: BreadcrumbComponent,
 	decorators: [{
@@ -64,7 +64,7 @@ var BreadcrumbListComponent = class BreadcrumbListComponent {
 	classes = computed(() => cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", 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: BreadcrumbListComponent,
 		deps: [],
@@ -72,7 +72,7 @@ var BreadcrumbListComponent = class BreadcrumbListComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: BreadcrumbListComponent,
 		isStandalone: true,
 		selector: "ol[BreadcrumbList]",
@@ -91,7 +91,7 @@ var BreadcrumbListComponent = class BreadcrumbListComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: BreadcrumbListComponent,
 	decorators: [{
@@ -116,7 +116,7 @@ var BreadcrumbItemComponent = class BreadcrumbItemComponent {
 	classes = computed(() => cn("inline-flex items-center gap-1.5", 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: BreadcrumbItemComponent,
 		deps: [],
@@ -124,7 +124,7 @@ var BreadcrumbItemComponent = class BreadcrumbItemComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: BreadcrumbItemComponent,
 		isStandalone: true,
 		selector: "li[BreadcrumbItem]",
@@ -143,7 +143,7 @@ var BreadcrumbItemComponent = class BreadcrumbItemComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: BreadcrumbItemComponent,
 	decorators: [{
@@ -168,7 +168,7 @@ var BreadcrumbLinkComponent = class BreadcrumbLinkComponent {
 	classes = computed(() => cn("transition-colors hover:text-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: BreadcrumbLinkComponent,
 		deps: [],
@@ -176,7 +176,7 @@ var BreadcrumbLinkComponent = class BreadcrumbLinkComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: BreadcrumbLinkComponent,
 		isStandalone: true,
 		selector: "a[BreadcrumbLink]",
@@ -195,7 +195,7 @@ var BreadcrumbLinkComponent = class BreadcrumbLinkComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: BreadcrumbLinkComponent,
 	decorators: [{
@@ -220,7 +220,7 @@ var BreadcrumbPageComponent = class BreadcrumbPageComponent {
 	classes = computed(() => cn("font-normal text-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: BreadcrumbPageComponent,
 		deps: [],
@@ -228,7 +228,7 @@ var BreadcrumbPageComponent = class BreadcrumbPageComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: BreadcrumbPageComponent,
 		isStandalone: true,
 		selector: "span[BreadcrumbPage]",
@@ -254,7 +254,7 @@ var BreadcrumbPageComponent = class BreadcrumbPageComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: BreadcrumbPageComponent,
 	decorators: [{
@@ -284,7 +284,7 @@ var BreadcrumbSeparatorComponent = class BreadcrumbSeparatorComponent {
 	classes = computed(() => cn("[&>svg]:size-3.5", 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: BreadcrumbSeparatorComponent,
 		deps: [],
@@ -292,7 +292,7 @@ var BreadcrumbSeparatorComponent = class BreadcrumbSeparatorComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: BreadcrumbSeparatorComponent,
 		isStandalone: true,
 		selector: "li[BreadcrumbSeparator]",
@@ -331,7 +331,7 @@ var BreadcrumbSeparatorComponent = class BreadcrumbSeparatorComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: BreadcrumbSeparatorComponent,
 	decorators: [{
@@ -374,7 +374,7 @@ var BreadcrumbEllipsisComponent = class BreadcrumbEllipsisComponent {
 	classes = computed(() => cn("relative flex h-9 w-9 items-center justify-center", 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: BreadcrumbEllipsisComponent,
 		deps: [],
@@ -382,7 +382,7 @@ var BreadcrumbEllipsisComponent = class BreadcrumbEllipsisComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: BreadcrumbEllipsisComponent,
 		isStandalone: true,
 		selector: "span[BreadcrumbEllipsis]",
@@ -422,7 +422,7 @@ var BreadcrumbEllipsisComponent = class BreadcrumbEllipsisComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: BreadcrumbEllipsisComponent,
 	decorators: [{

package/fesm2022/ojiepermana-angular-component-button-group.mjs

@@ -27,7 +27,7 @@ var ButtonGroupComponent = class ButtonGroupComponent {
 	classes = computed(() => cn(BUTTON_GROUP_BASE, buttonGroupOrientationClasses[this.orientation()], 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: ButtonGroupComponent,
 		deps: [],
@@ -35,7 +35,7 @@ var ButtonGroupComponent = class ButtonGroupComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ButtonGroupComponent,
 		isStandalone: true,
 		selector: "ButtonGroup",
@@ -70,7 +70,7 @@ var ButtonGroupComponent = class ButtonGroupComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ButtonGroupComponent,
 	decorators: [{
@@ -107,10 +107,10 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var ButtonGroupTextComponent = class ButtonGroupTextComponent {
 	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
-	classes = computed(() => cn(["flex items-center gap-2 whitespace-nowrap rounded-md border border-border bg-muted px-4 text-sm font-medium shadow-sm", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4"].join(" "), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(["flex items-center gap-2 whitespace-nowrap rounded-md border border-border bg-muted px-4 text-sm font-medium", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4"].join(" "), 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: ButtonGroupTextComponent,
 		deps: [],
@@ -118,7 +118,7 @@ var ButtonGroupTextComponent = class ButtonGroupTextComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ButtonGroupTextComponent,
 		isStandalone: true,
 		selector: "ButtonGroupText",
@@ -140,7 +140,7 @@ var ButtonGroupTextComponent = class ButtonGroupTextComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ButtonGroupTextComponent,
 	decorators: [{
@@ -169,7 +169,7 @@ var ButtonGroupSeparatorComponent = class ButtonGroupSeparatorComponent {
 	classes = computed(() => cn("relative shrink-0 bg-border", this.orientation() === "horizontal" ? "h-px w-full self-auto" : "h-auto w-px self-stretch", 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: ButtonGroupSeparatorComponent,
 		deps: [],
@@ -177,7 +177,7 @@ var ButtonGroupSeparatorComponent = class ButtonGroupSeparatorComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ButtonGroupSeparatorComponent,
 		isStandalone: true,
 		selector: "ButtonGroupSeparator",
@@ -213,7 +213,7 @@ var ButtonGroupSeparatorComponent = class ButtonGroupSeparatorComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ButtonGroupSeparatorComponent,
 	decorators: [{

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

@@ -8,7 +8,7 @@ const buttonVariants = cva([
 	"inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap",
 	"rounded-md text-sm font-medium",
 	"transition-colors",
-	"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+	"focus-ring",
 	"disabled:pointer-events-none disabled:opacity-50",
 	"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
 ].join(" "), {
@@ -50,7 +50,7 @@ var ButtonComponent = class ButtonComponent {
 	}), 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: ButtonComponent,
 		deps: [],
@@ -58,7 +58,7 @@ var ButtonComponent = class ButtonComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ButtonComponent,
 		isStandalone: true,
 		selector: "button[Button], a[Button]",
@@ -106,7 +106,7 @@ var ButtonComponent = class ButtonComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ButtonComponent,
 	decorators: [{

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

@@ -361,7 +361,7 @@ var CalendarComponent = class CalendarComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CalendarComponent,
 		deps: [],
@@ -369,7 +369,7 @@ var CalendarComponent = class CalendarComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: CalendarComponent,
 		isStandalone: true,
 		selector: "Calendar",
@@ -593,12 +593,12 @@ var CalendarComponent = class CalendarComponent {
     </div>
   `,
 		isInline: true,
-		styles: [":host{display:block;width:fit-content;min-width:calc(var(--spacing-base) * 70);padding:calc(var(--spacing-base) * 3);border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans);font-size:var(--text-sm)}.calendar-surface{display:grid;gap:calc(var(--spacing-base) * 2);width:100%}.calendar-header{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;gap:var(--spacing-base)}button{border:0;background:transparent;color:inherit;font:inherit}.calendar-nav,.calendar-title,.calendar-cell{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - .125rem);cursor:pointer;transition:background-color .15s ease,color .15s ease}.calendar-nav{width:var(--control-height-md);height:var(--control-height-md);color:hsl(var(--muted-foreground));font-size:1.5rem;line-height:1}.calendar-title{min-height:var(--control-height-md);padding:0 calc(var(--spacing-base) * 2);font-weight:600}.calendar-nav:hover:not(:disabled),.calendar-title:hover:not(:disabled),.calendar-cell:hover:not(:disabled){background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.calendar-nav:focus-visible,.calendar-title:focus-visible,.calendar-cell:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.calendar-nav:disabled,.calendar-title:disabled,.calendar-cell:disabled{cursor:not-allowed;opacity:.45}.calendar-grid-month{display:grid;gap:var(--spacing-base)}.calendar-weekdays,.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(var(--spacing-base) * .5)}.calendar-days{display:grid;gap:calc(var(--spacing-base) * .5)}.calendar-weekday{display:grid;place-items:center;min-height:calc(var(--spacing-base) * 7.5);color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500}.calendar-cell{min-width:var(--control-height-md);min-height:var(--control-height-md);padding:var(--spacing-base)}.calendar-cell.is-outside-month{color:hsl(var(--muted-foreground));opacity:1}.calendar-cell.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px hsl(var(--primary));font-weight:600}.calendar-cell.is-selected{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600}.calendar-cell.is-selected:hover:not(:disabled){background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.calendar-grid-year,.calendar-grid-years{display:grid;gap:var(--spacing-base)}.calendar-grid-year{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-grid-years{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-month,.calendar-year{min-width:0}\n"]
+		styles: [":host{display:block;width:fit-content;min-width:calc(var(--spacing-base) * 70);padding:calc(var(--spacing-base) * 3);border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans);font-size:var(--text-sm)}.calendar-surface{display:grid;gap:calc(var(--spacing-base) * 2);width:100%}.calendar-header{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;gap:var(--spacing-base)}button{border:0;background:transparent;color:inherit;font:inherit}.calendar-nav,.calendar-title,.calendar-cell{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - .125rem);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.calendar-nav{width:var(--control-height-md);height:var(--control-height-md);color:hsl(var(--muted-foreground));font-size:1.5rem;line-height:1}.calendar-title{min-height:var(--control-height-md);padding:0 calc(var(--spacing-base) * 2);font-weight:600}.calendar-nav:hover:not(:disabled),.calendar-title:hover:not(:disabled),.calendar-cell:hover:not(:disabled){background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.calendar-nav:focus-visible,.calendar-title:focus-visible,.calendar-cell:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.calendar-nav:disabled,.calendar-title:disabled,.calendar-cell:disabled{cursor:not-allowed;opacity:.45}.calendar-grid-month{display:grid;gap:var(--spacing-base)}.calendar-weekdays,.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(var(--spacing-base) * .5)}.calendar-days{display:grid;gap:calc(var(--spacing-base) * .5)}.calendar-weekday{display:grid;place-items:center;min-height:calc(var(--spacing-base) * 7.5);color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500}.calendar-cell{min-width:var(--control-height-md);min-height:var(--control-height-md);padding:var(--spacing-base)}.calendar-cell.is-outside-month{color:hsl(var(--muted-foreground));opacity:1}.calendar-cell.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px hsl(var(--primary));font-weight:600}.calendar-cell.is-selected{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600}.calendar-cell.is-selected:hover:not(:disabled){background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.calendar-grid-year,.calendar-grid-years{display:grid;gap:var(--spacing-base)}.calendar-grid-year{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-grid-years{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-month,.calendar-year{min-width:0}\n"]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CalendarComponent,
 	decorators: [{
@@ -755,7 +755,7 @@ i0.ɵɵngDeclareClassMetadata({
       }
     </div>
   `,
-			styles: [":host{display:block;width:fit-content;min-width:calc(var(--spacing-base) * 70);padding:calc(var(--spacing-base) * 3);border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans);font-size:var(--text-sm)}.calendar-surface{display:grid;gap:calc(var(--spacing-base) * 2);width:100%}.calendar-header{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;gap:var(--spacing-base)}button{border:0;background:transparent;color:inherit;font:inherit}.calendar-nav,.calendar-title,.calendar-cell{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - .125rem);cursor:pointer;transition:background-color .15s ease,color .15s ease}.calendar-nav{width:var(--control-height-md);height:var(--control-height-md);color:hsl(var(--muted-foreground));font-size:1.5rem;line-height:1}.calendar-title{min-height:var(--control-height-md);padding:0 calc(var(--spacing-base) * 2);font-weight:600}.calendar-nav:hover:not(:disabled),.calendar-title:hover:not(:disabled),.calendar-cell:hover:not(:disabled){background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.calendar-nav:focus-visible,.calendar-title:focus-visible,.calendar-cell:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.calendar-nav:disabled,.calendar-title:disabled,.calendar-cell:disabled{cursor:not-allowed;opacity:.45}.calendar-grid-month{display:grid;gap:var(--spacing-base)}.calendar-weekdays,.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(var(--spacing-base) * .5)}.calendar-days{display:grid;gap:calc(var(--spacing-base) * .5)}.calendar-weekday{display:grid;place-items:center;min-height:calc(var(--spacing-base) * 7.5);color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500}.calendar-cell{min-width:var(--control-height-md);min-height:var(--control-height-md);padding:var(--spacing-base)}.calendar-cell.is-outside-month{color:hsl(var(--muted-foreground));opacity:1}.calendar-cell.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px hsl(var(--primary));font-weight:600}.calendar-cell.is-selected{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600}.calendar-cell.is-selected:hover:not(:disabled){background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.calendar-grid-year,.calendar-grid-years{display:grid;gap:var(--spacing-base)}.calendar-grid-year{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-grid-years{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-month,.calendar-year{min-width:0}\n"]
+			styles: [":host{display:block;width:fit-content;min-width:calc(var(--spacing-base) * 70);padding:calc(var(--spacing-base) * 3);border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans);font-size:var(--text-sm)}.calendar-surface{display:grid;gap:calc(var(--spacing-base) * 2);width:100%}.calendar-header{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;gap:var(--spacing-base)}button{border:0;background:transparent;color:inherit;font:inherit}.calendar-nav,.calendar-title,.calendar-cell{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - .125rem);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.calendar-nav{width:var(--control-height-md);height:var(--control-height-md);color:hsl(var(--muted-foreground));font-size:1.5rem;line-height:1}.calendar-title{min-height:var(--control-height-md);padding:0 calc(var(--spacing-base) * 2);font-weight:600}.calendar-nav:hover:not(:disabled),.calendar-title:hover:not(:disabled),.calendar-cell:hover:not(:disabled){background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.calendar-nav:focus-visible,.calendar-title:focus-visible,.calendar-cell:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.calendar-nav:disabled,.calendar-title:disabled,.calendar-cell:disabled{cursor:not-allowed;opacity:.45}.calendar-grid-month{display:grid;gap:var(--spacing-base)}.calendar-weekdays,.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(var(--spacing-base) * .5)}.calendar-days{display:grid;gap:calc(var(--spacing-base) * .5)}.calendar-weekday{display:grid;place-items:center;min-height:calc(var(--spacing-base) * 7.5);color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500}.calendar-cell{min-width:var(--control-height-md);min-height:var(--control-height-md);padding:var(--spacing-base)}.calendar-cell.is-outside-month{color:hsl(var(--muted-foreground));opacity:1}.calendar-cell.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px hsl(var(--primary));font-weight:600}.calendar-cell.is-selected{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600}.calendar-cell.is-selected:hover:not(:disabled){background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.calendar-grid-year,.calendar-grid-years{display:grid;gap:var(--spacing-base)}.calendar-grid-year{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-grid-years{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-month,.calendar-year{min-width:0}\n"]
 		}]
 	}],
 	propDecorators: {

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { Component, ElementRef, computed, inject, input, numberAttribute } from "@angular/core";
+import { Component, ElementRef, HostAttributeToken, computed, inject, input, numberAttribute } from "@angular/core";
 import { cn } from "@ojiepermana/angular/component/utils/core";
 import * as i1 from "@ojiepermana/angular/component/utils/scale";
 import { ComponentScaleDirective } from "@ojiepermana/angular/component/utils/scale";
@@ -9,10 +9,10 @@ var CardComponent = class CardComponent {
 	density = this.componentScale.density;
 	size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
-	classes = computed(() => cn("block rounded-lg border border-border bg-card text-card-foreground shadow-sm", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("block rounded-lg border border-border bg-card text-card-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: CardComponent,
 		deps: [],
@@ -20,7 +20,7 @@ var CardComponent = class CardComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: CardComponent,
 		isStandalone: true,
 		selector: "Card",
@@ -60,7 +60,7 @@ var CardComponent = class CardComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CardComponent,
 	decorators: [{
@@ -103,7 +103,7 @@ var CardHeaderComponent = class CardHeaderComponent {
 	classes = computed(() => cn(this.card?.size() === "sm" ? "grid auto-rows-min grid-cols-[1fr_auto] items-start gap-1 p-4" : "grid auto-rows-min grid-cols-[1fr_auto] items-start gap-1.5 p-6", 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: CardHeaderComponent,
 		deps: [],
@@ -111,7 +111,7 @@ var CardHeaderComponent = class CardHeaderComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: CardHeaderComponent,
 		isStandalone: true,
 		selector: "CardHeader",
@@ -130,7 +130,7 @@ var CardHeaderComponent = class CardHeaderComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CardHeaderComponent,
 	decorators: [{
@@ -153,6 +153,7 @@ i0.ɵɵngDeclareClassMetadata({
 var CardTitleComponent = class CardTitleComponent {
 	card = inject(CardComponent, { optional: true });
 	element = inject(ElementRef);
+	staticAriaLevel = inject(new HostAttributeToken("aria-level"), { optional: true });
 	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
 	level = input(null, {
 		...ngDevMode ? { debugName: "level" } : /* istanbul ignore next */ {},
@@ -162,12 +163,14 @@ var CardTitleComponent = class CardTitleComponent {
 		const explicit = this.level();
 		if (explicit !== null) return Math.min(6, Math.max(1, Math.round(explicit)));
 		const nativeLevel = /^H([1-6])$/.exec(this.element.nativeElement.tagName)?.[1];
-		return nativeLevel ? Number(nativeLevel) : 3;
+		if (nativeLevel) return Number(nativeLevel);
+		const authored = Number(this.staticAriaLevel);
+		return Number.isInteger(authored) && authored >= 1 && authored <= 6 ? authored : 3;
 	}, ...ngDevMode ? [{ debugName: "resolvedLevel" }] : /* istanbul ignore next */ []);
 	classes = computed(() => cn(this.card?.size() === "sm" ? "block col-start-1 text-base font-semibold leading-none tracking-tight" : "block col-start-1 text-lg font-semibold leading-none tracking-tight", 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: CardTitleComponent,
 		deps: [],
@@ -175,7 +178,7 @@ var CardTitleComponent = class CardTitleComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: CardTitleComponent,
 		isStandalone: true,
 		selector: "CardTitle, [CardTitle]",
@@ -209,7 +212,7 @@ var CardTitleComponent = class CardTitleComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CardTitleComponent,
 	decorators: [{
@@ -249,7 +252,7 @@ var CardDescriptionComponent = class CardDescriptionComponent {
 	classes = computed(() => cn(this.card?.size() === "sm" ? "block col-start-1 text-xs text-muted-foreground" : "block col-start-1 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: CardDescriptionComponent,
 		deps: [],
@@ -257,7 +260,7 @@ var CardDescriptionComponent = class CardDescriptionComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: CardDescriptionComponent,
 		isStandalone: true,
 		selector: "CardDescription, p[CardDescription]",
@@ -276,7 +279,7 @@ var CardDescriptionComponent = class CardDescriptionComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CardDescriptionComponent,
 	decorators: [{
@@ -301,7 +304,7 @@ var CardActionComponent = class CardActionComponent {
 	classes = computed(() => cn("col-start-2 row-span-2 row-start-1 flex items-center self-start justify-self-end", 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: CardActionComponent,
 		deps: [],
@@ -309,7 +312,7 @@ var CardActionComponent = class CardActionComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: CardActionComponent,
 		isStandalone: true,
 		selector: "CardAction",
@@ -328,7 +331,7 @@ var CardActionComponent = class CardActionComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CardActionComponent,
 	decorators: [{
@@ -354,7 +357,7 @@ var CardContentComponent = class CardContentComponent {
 	classes = computed(() => cn(this.card?.size() === "sm" ? "block p-4 pt-0" : "block p-6 pt-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: CardContentComponent,
 		deps: [],
@@ -362,7 +365,7 @@ var CardContentComponent = class CardContentComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: CardContentComponent,
 		isStandalone: true,
 		selector: "CardContent",
@@ -381,7 +384,7 @@ var CardContentComponent = class CardContentComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CardContentComponent,
 	decorators: [{
@@ -407,7 +410,7 @@ var CardFooterComponent = class CardFooterComponent {
 	classes = computed(() => cn(this.card?.size() === "sm" ? "flex items-center p-4 pt-0" : "flex items-center p-6 pt-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: CardFooterComponent,
 		deps: [],
@@ -415,7 +418,7 @@ var CardFooterComponent = class CardFooterComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: CardFooterComponent,
 		isStandalone: true,
 		selector: "CardFooter",
@@ -434,7 +437,7 @@ var CardFooterComponent = class CardFooterComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CardFooterComponent,
 	decorators: [{