@ojiepermana/angular 22.1.13 → 22.2.0

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

@@ -1,99 +1,252 @@
-import * as i0 from '@angular/core';
-import { input, computed, Component } from '@angular/core';
-import { cn } from '@ojiepermana/angular/component/utils/core';
-
+import * as i0 from "@angular/core";
+import { Component, computed, input } from "@angular/core";
+import { cn } from "@ojiepermana/angular/component/utils/core";
 const BUTTON_GROUP_BASE = [
-    'inline-flex w-fit items-stretch',
-    'has-[>[data-slot=button-group]]:gap-2',
-    '[&>*]:focus-visible:relative [&>*]:focus-visible:z-10',
-    '[&>input]:flex-1 [&>textarea]:flex-1',
-    '[&>InputGroup]:min-w-0 [&>InputGroup]:flex-1',
-].join(' ');
+	"inline-flex w-fit items-stretch",
+	"has-[>[data-slot=button-group]]:gap-2",
+	"[&>*]:focus-visible:relative [&>*]:focus-visible:z-10",
+	"[&>input]:flex-1 [&>textarea]:flex-1",
+	"[&>InputGroup]:min-w-0 [&>InputGroup]:flex-1"
+].join(" ");
 const buttonGroupOrientationClasses = {
-    horizontal: [
-        '[&>*:not(:first-child)]:rounded-s-none',
-        '[&>*:not(:first-child)]:[border-inline-start-width:0]',
-        '[&>*:not(:last-child)]:rounded-e-none',
-    ].join(' '),
-    vertical: [
-        'flex-col',
-        '[&>*:not(:first-child)]:rounded-t-none',
-        '[&>*:not(:first-child)]:border-t-0',
-        '[&>*:not(:last-child)]:rounded-b-none',
-    ].join(' '),
+	horizontal: [
+		"[&>*:not(:first-child)]:rounded-s-none",
+		"[&>*:not(:first-child)]:[border-inline-start-width:0]",
+		"[&>*:not(:last-child)]:rounded-e-none"
+	].join(" "),
+	vertical: [
+		"flex-col",
+		"[&>*:not(:first-child)]:rounded-t-none",
+		"[&>*:not(:first-child)]:border-t-0",
+		"[&>*:not(:last-child)]:rounded-b-none"
+	].join(" ")
 };
-class ButtonGroupComponent {
-    orientation = input('horizontal', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn(BUTTON_GROUP_BASE, buttonGroupOrientationClasses[this.orientation()], this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ButtonGroupComponent, isStandalone: true, selector: "ButtonGroup", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "classes()", "attr.data-orientation": "orientation()", "attr.data-slot": "\"button-group\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ButtonGroup',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-orientation]': 'orientation()',
-                        '[attr.data-slot]': '"button-group"',
-                        role: 'group',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class ButtonGroupTextComponent {
-    class = input('', /* @ts-ignore */
-    ...(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()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ButtonGroupTextComponent, isStandalone: true, selector: "ButtonGroupText", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"button-group-text\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupTextComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ButtonGroupText',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-slot]': '"button-group-text"',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class ButtonGroupSeparatorComponent {
-    orientation = input('vertical', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    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()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ButtonGroupSeparatorComponent, isStandalone: true, selector: "ButtonGroupSeparator", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "class": "classes()", "attr.aria-orientation": "orientation()", "attr.data-orientation": "orientation()", "attr.data-slot": "\"button-group-separator\"" } }, ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonGroupSeparatorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ButtonGroupSeparator',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.aria-orientation]': 'orientation()',
-                        '[attr.data-orientation]': 'orientation()',
-                        '[attr.data-slot]': '"button-group-separator"',
-                        role: 'separator',
-                    },
-                    template: '',
-                }]
-        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ButtonGroupComponent, ButtonGroupSeparatorComponent, ButtonGroupTextComponent };
+var ButtonGroupComponent = class ButtonGroupComponent {
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	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.0",
+		ngImport: i0,
+		type: ButtonGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ButtonGroupComponent,
+		isStandalone: true,
+		selector: "ButtonGroup",
+		inputs: {
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "group" },
+			properties: {
+				"class": "classes()",
+				"attr.data-orientation": "orientation()",
+				"attr.data-slot": "\"button-group\""
+			}
+		},
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ButtonGroupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ButtonGroup",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-orientation]": "orientation()",
+				"[attr.data-slot]": "\"button-group\"",
+				role: "group"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: {
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+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 */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ButtonGroupTextComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ButtonGroupTextComponent,
+		isStandalone: true,
+		selector: "ButtonGroupText",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: {
+			"class": "classes()",
+			"attr.data-slot": "\"button-group-text\""
+		} },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ButtonGroupTextComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ButtonGroupText",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-slot]": "\"button-group-text\""
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var ButtonGroupSeparatorComponent = class ButtonGroupSeparatorComponent {
+	orientation = input("vertical", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	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.0",
+		ngImport: i0,
+		type: ButtonGroupSeparatorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ButtonGroupSeparatorComponent,
+		isStandalone: true,
+		selector: "ButtonGroupSeparator",
+		inputs: {
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "separator" },
+			properties: {
+				"class": "classes()",
+				"attr.aria-orientation": "orientation()",
+				"attr.data-orientation": "orientation()",
+				"attr.data-slot": "\"button-group-separator\""
+			}
+		},
+		ngImport: i0,
+		template: "",
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ButtonGroupSeparatorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ButtonGroupSeparator",
+			host: {
+				"[class]": "classes()",
+				"[attr.aria-orientation]": "orientation()",
+				"[attr.data-orientation]": "orientation()",
+				"[attr.data-slot]": "\"button-group-separator\"",
+				role: "separator"
+			},
+			template: ""
+		}]
+	}],
+	propDecorators: {
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { ButtonGroupComponent, ButtonGroupSeparatorComponent, ButtonGroupTextComponent };

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

@@ -1,77 +1,155 @@
-import * as i0 from '@angular/core';
-import { inject, input, computed, Component } 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';
-import { cva } from 'class-variance-authority';
-
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input } 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";
+import { cva } from "class-variance-authority";
 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',
-    'disabled:pointer-events-none disabled:opacity-50',
-    '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
-].join(' '), {
-    variants: {
-        variant: {
-            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-            outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-            ghost: 'hover:bg-accent hover:text-accent-foreground',
-            link: 'text-primary underline-offset-4 hover:underline',
-        },
-        size: {
-            xs: 'h-7 rounded-md px-2.5 text-xs',
-            default: 'h-control-md px-4 py-2',
-            sm: 'h-control-sm rounded-md px-3 text-xs',
-            lg: 'h-control-10 rounded-md px-8',
-            'icon-xs': 'h-7 w-7 p-0',
-            'icon-sm': 'h-control-sm w-control-sm p-0',
-            icon: 'h-control-md w-control-md p-0',
-            'icon-lg': 'h-control-10 w-control-10 p-0',
-        },
-    },
-    defaultVariants: { variant: 'default', size: 'default' },
+	"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",
+	"disabled:pointer-events-none disabled:opacity-50",
+	"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+].join(" "), {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			xs: "h-7 rounded-md px-2.5 text-xs",
+			default: "h-control-md px-4 py-2",
+			sm: "h-control-sm rounded-md px-3 text-xs",
+			lg: "h-control-10 rounded-md px-8",
+			"icon-xs": "h-7 w-7 p-0",
+			"icon-sm": "h-control-sm w-control-sm p-0",
+			icon: "h-control-md w-control-md p-0",
+			"icon-lg": "h-control-10 w-control-10 p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
 });
-
-class ButtonComponent {
-    componentScale = inject(ComponentScaleDirective);
-    radius = this.componentScale.radius;
-    density = this.componentScale.density;
-    variant = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    size = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ButtonComponent, isStandalone: true, selector: "button[Button], a[Button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-variant": "variant()", "attr.data-size": "size()" } }, hostDirectives: [{ directive: i1.ComponentScaleDirective, inputs: ["radius", "radius", "density", "density"] }], ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'button[Button], a[Button]',
-                    hostDirectives: [
-                        {
-                            directive: ComponentScaleDirective,
-                            inputs: ['radius', 'density'],
-                        },
-                    ],
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-variant]': 'variant()',
-                        '[attr.data-size]': 'size()',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ButtonComponent, buttonVariants };
+var ButtonComponent = class ButtonComponent {
+	componentScale = inject(ComponentScaleDirective);
+	radius = this.componentScale.radius;
+	density = this.componentScale.density;
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(buttonVariants({
+		variant: this.variant(),
+		size: this.size()
+	}), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ButtonComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ButtonComponent,
+		isStandalone: true,
+		selector: "button[Button], a[Button]",
+		inputs: {
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"class": "classes()",
+			"attr.data-variant": "variant()",
+			"attr.data-size": "size()"
+		} },
+		hostDirectives: [{
+			directive: i1.ComponentScaleDirective,
+			inputs: [
+				"radius",
+				"radius",
+				"density",
+				"density"
+			]
+		}],
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[Button], a[Button]",
+			hostDirectives: [{
+				directive: ComponentScaleDirective,
+				inputs: ["radius", "density"]
+			}],
+			host: {
+				"[class]": "classes()",
+				"[attr.data-variant]": "variant()",
+				"[attr.data-size]": "size()"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { ButtonComponent, buttonVariants };