@egose/shadcn-theme-ng 0.0.27 → 0.0.28

package/breadcrumb/README.md

@@ -0,0 +1,11 @@
+# Breadcrumb
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build breadcrumb
+```

package/breadcrumb/fesm2022/breadcrumb.mjs

@@ -0,0 +1,224 @@
+import * as i0 from '@angular/core';
+import { input, Directive, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideEllipsis, lucideChevronRight } from '@ng-icons/lucide';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+import * as i1 from '@angular/router';
+import { RouterLink } from '@angular/router';
+
+class HlmBreadcrumb {
+    ariaLabel = input('breadcrumb', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmBreadcrumb, isStandalone: true, selector: "[hlmBreadcrumb]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb", "role": "navigation" }, properties: { "attr.aria-label": "ariaLabel()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumb, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumb]',
+                    host: {
+                        'data-slot': 'breadcrumb',
+                        role: 'navigation',
+                        '[attr.aria-label]': 'ariaLabel()',
+                    },
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+
+class HlmBreadcrumbEllipsis {
+    /** Screen reader only text for the ellipsis */
+    srOnlyText = input('More', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "srOnlyText" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => 'size-5 [&>ng-icon]:text-[length:--spacing(4)] flex items-center justify-center');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmBreadcrumbEllipsis, isStandalone: true, selector: "hlm-breadcrumb-ellipsis", inputs: { srOnlyText: { classPropertyName: "srOnlyText", publicName: "srOnlyText", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-ellipsis", "role": "presentation" } }, providers: [provideIcons({ lucideEllipsis })], ngImport: i0, template: `
+    <ng-icon name="lucideEllipsis" />
+    <span class="sr-only">{{ srOnlyText() }}</span>
+  `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbEllipsis, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-breadcrumb-ellipsis',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideEllipsis })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'data-slot': 'breadcrumb-ellipsis',
+                        role: 'presentation',
+                    },
+                    template: `
+    <ng-icon name="lucideEllipsis" />
+    <span class="sr-only">{{ srOnlyText() }}</span>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { srOnlyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "srOnlyText", required: false }] }] } });
+
+class HlmBreadcrumbItem {
+    constructor() {
+        classes(() => 'gap-1.5 inline-flex items-center');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmBreadcrumbItem, isStandalone: true, selector: "[hlmBreadcrumbItem]", host: { attributes: { "data-slot": "breadcrumb-item" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumbItem]',
+                    host: {
+                        'data-slot': 'breadcrumb-item',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmBreadcrumbLink {
+    /** The link to navigate to the page. */
+    link = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "link" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => 'hover:text-foreground transition-colors');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmBreadcrumbLink, isStandalone: true, selector: "[hlmBreadcrumbLink]", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "breadcrumb-link" } }, hostDirectives: [{ directive: i1.RouterLink, inputs: ["target", "target", "queryParams", "queryParams", "fragment", "fragment", "queryParamsHandling", "queryParamsHandling", "state", "state", "info", "info", "relativeTo", "relativeTo", "preserveFragment", "preserveFragment", "skipLocationChange", "skipLocationChange", "replaceUrl", "replaceUrl", "routerLink", "link"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbLink, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumbLink]',
+                    hostDirectives: [
+                        {
+                            directive: RouterLink,
+                            inputs: [
+                                'target',
+                                'queryParams',
+                                'fragment',
+                                'queryParamsHandling',
+                                'state',
+                                'info',
+                                'relativeTo',
+                                'preserveFragment',
+                                'skipLocationChange',
+                                'replaceUrl',
+                                'routerLink: link',
+                            ],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'breadcrumb-link',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }] } });
+
+class HlmBreadcrumbList {
+    constructor() {
+        classes(() => 'text-muted-foreground gap-1.5 text-sm sm:gap-2.5 flex flex-wrap items-center wrap-break-word');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmBreadcrumbList, isStandalone: true, selector: "[hlmBreadcrumbList]", host: { attributes: { "data-slot": "breadcrumb-list" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumbList]',
+                    host: {
+                        'data-slot': 'breadcrumb-list',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmBreadcrumbPage {
+    constructor() {
+        classes(() => 'text-foreground font-normal');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbPage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmBreadcrumbPage, isStandalone: true, selector: "[hlmBreadcrumbPage]", host: { attributes: { "data-slot": "breadcrumb-page", "role": "link", "aria-disabled": "true", "aria-current": "page" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbPage, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmBreadcrumbPage]',
+                    host: {
+                        'data-slot': 'breadcrumb-page',
+                        role: 'link',
+                        'aria-disabled': 'true',
+                        'aria-current': 'page',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmBreadcrumbSeparator {
+    constructor() {
+        classes(() => '[&>ng-icon]:text-[length:--spacing(3.5)] [&>ng-icon]:flex');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: HlmBreadcrumbSeparator, isStandalone: true, selector: "[hlmBreadcrumbSeparator]", host: { attributes: { "data-slot": "breadcrumb-separator", "role": "presentation", "aria-hidden": "true" } }, providers: [provideIcons({ lucideChevronRight })], ngImport: i0, template: `
+    <ng-content>
+      <ng-icon name="lucideChevronRight" />
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[hlmBreadcrumbSeparator]',
+                    imports: [NgIcon],
+                    providers: [provideIcons({ lucideChevronRight })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'data-slot': 'breadcrumb-separator',
+                        role: 'presentation',
+                        'aria-hidden': 'true',
+                    },
+                    template: `
+    <ng-content>
+      <ng-icon name="lucideChevronRight" />
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of breadcrumb
+ */
+const HlmBreadcrumbImports = [
+    HlmBreadcrumb,
+    HlmBreadcrumbEllipsis,
+    HlmBreadcrumbSeparator,
+    HlmBreadcrumbItem,
+    HlmBreadcrumbLink,
+    HlmBreadcrumbPage,
+    HlmBreadcrumbList,
+];
+class HlmBreadcrumbModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbModule, imports: [HlmBreadcrumb,
+            HlmBreadcrumbEllipsis,
+            HlmBreadcrumbSeparator,
+            HlmBreadcrumbItem,
+            HlmBreadcrumbLink,
+            HlmBreadcrumbPage,
+            HlmBreadcrumbList], exports: [HlmBreadcrumb,
+            HlmBreadcrumbEllipsis,
+            HlmBreadcrumbSeparator,
+            HlmBreadcrumbItem,
+            HlmBreadcrumbLink,
+            HlmBreadcrumbPage,
+            HlmBreadcrumbList] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbModule, imports: [HlmBreadcrumbEllipsis,
+            HlmBreadcrumbSeparator] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBreadcrumbModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmBreadcrumbImports],
+                    exports: [...HlmBreadcrumbImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmBreadcrumb, HlmBreadcrumbEllipsis, HlmBreadcrumbImports, HlmBreadcrumbItem, HlmBreadcrumbLink, HlmBreadcrumbList, HlmBreadcrumbModule, HlmBreadcrumbPage, HlmBreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.mjs.map

package/breadcrumb/fesm2022/breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.mjs","sources":["../../../projects/breadcrumb/src/lib/hlm-breadcrumb.ts","../../../projects/breadcrumb/src/lib/hlm-breadcrumb-ellipsis.ts","../../../projects/breadcrumb/src/lib/hlm-breadcrumb-item.ts","../../../projects/breadcrumb/src/lib/hlm-breadcrumb-link.ts","../../../projects/breadcrumb/src/lib/hlm-breadcrumb-list.ts","../../../projects/breadcrumb/src/lib/hlm-breadcrumb-page.ts","../../../projects/breadcrumb/src/lib/hlm-breadcrumb-separator.ts","../../../projects/breadcrumb/src/public-api.ts","../../../projects/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\n\n@Directive({\n  selector: '[hlmBreadcrumb]',\n  host: {\n    'data-slot': 'breadcrumb',\n    role: 'navigation',\n    '[attr.aria-label]': 'ariaLabel()',\n  },\n})\nexport class HlmBreadcrumb {\n  public readonly ariaLabel = input<string>('breadcrumb', { alias: 'aria-label' });\n}\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideEllipsis } from '@ng-icons/lucide';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Component({\n  selector: 'hlm-breadcrumb-ellipsis',\n  imports: [NgIcon],\n  providers: [provideIcons({ lucideEllipsis })],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'data-slot': 'breadcrumb-ellipsis',\n    role: 'presentation',\n  },\n  template: `\n    <ng-icon name=\"lucideEllipsis\" />\n    <span class=\"sr-only\">{{ srOnlyText() }}</span>\n  `,\n})\nexport class HlmBreadcrumbEllipsis {\n  /** Screen reader only text for the ellipsis */\n  public readonly srOnlyText = input<string>('More');\n\n  constructor() {\n    classes(() => 'size-5 [&>ng-icon]:text-[length:--spacing(4)] flex items-center justify-center');\n  }\n}\n","import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n  selector: '[hlmBreadcrumbItem]',\n  host: {\n    'data-slot': 'breadcrumb-item',\n  },\n})\nexport class HlmBreadcrumbItem {\n  constructor() {\n    classes(() => 'gap-1.5 inline-flex items-center');\n  }\n}\n","import { Directive, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n  selector: '[hlmBreadcrumbLink]',\n  hostDirectives: [\n    {\n      directive: RouterLink,\n      inputs: [\n        'target',\n        'queryParams',\n        'fragment',\n        'queryParamsHandling',\n        'state',\n        'info',\n        'relativeTo',\n        'preserveFragment',\n        'skipLocationChange',\n        'replaceUrl',\n        'routerLink: link',\n      ],\n    },\n  ],\n  host: {\n    'data-slot': 'breadcrumb-link',\n  },\n})\nexport class HlmBreadcrumbLink {\n  /** The link to navigate to the page. */\n  public readonly link = input<RouterLink['routerLink']>();\n\n  constructor() {\n    classes(() => 'hover:text-foreground transition-colors');\n  }\n}\n","import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n  selector: '[hlmBreadcrumbList]',\n  host: {\n    'data-slot': 'breadcrumb-list',\n  },\n})\nexport class HlmBreadcrumbList {\n  constructor() {\n    classes(() => 'text-muted-foreground gap-1.5 text-sm sm:gap-2.5 flex flex-wrap items-center wrap-break-word');\n  }\n}\n","import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n  selector: '[hlmBreadcrumbPage]',\n  host: {\n    'data-slot': 'breadcrumb-page',\n    role: 'link',\n    'aria-disabled': 'true',\n    'aria-current': 'page',\n  },\n})\nexport class HlmBreadcrumbPage {\n  constructor() {\n    classes(() => 'text-foreground font-normal');\n  }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronRight } from '@ng-icons/lucide';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[hlmBreadcrumbSeparator]',\n  imports: [NgIcon],\n  providers: [provideIcons({ lucideChevronRight })],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'data-slot': 'breadcrumb-separator',\n    role: 'presentation',\n    'aria-hidden': 'true',\n  },\n  template: `\n    <ng-content>\n      <ng-icon name=\"lucideChevronRight\" />\n    </ng-content>\n  `,\n})\nexport class HlmBreadcrumbSeparator {\n  constructor() {\n    classes(() => '[&>ng-icon]:text-[length:--spacing(3.5)] [&>ng-icon]:flex');\n  }\n}\n","/*\n * Public API Surface of breadcrumb\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmBreadcrumb } from './lib/hlm-breadcrumb';\nimport { HlmBreadcrumbEllipsis } from './lib/hlm-breadcrumb-ellipsis';\nimport { HlmBreadcrumbItem } from './lib/hlm-breadcrumb-item';\nimport { HlmBreadcrumbLink } from './lib/hlm-breadcrumb-link';\nimport { HlmBreadcrumbList } from './lib/hlm-breadcrumb-list';\nimport { HlmBreadcrumbPage } from './lib/hlm-breadcrumb-page';\nimport { HlmBreadcrumbSeparator } from './lib/hlm-breadcrumb-separator';\n\nexport * from './lib/hlm-breadcrumb';\nexport * from './lib/hlm-breadcrumb-ellipsis';\nexport * from './lib/hlm-breadcrumb-item';\nexport * from './lib/hlm-breadcrumb-link';\nexport * from './lib/hlm-breadcrumb-list';\nexport * from './lib/hlm-breadcrumb-page';\nexport * from './lib/hlm-breadcrumb-separator';\n\nexport const HlmBreadcrumbImports = [\n  HlmBreadcrumb,\n  HlmBreadcrumbEllipsis,\n  HlmBreadcrumbSeparator,\n  HlmBreadcrumbItem,\n  HlmBreadcrumbLink,\n  HlmBreadcrumbPage,\n  HlmBreadcrumbList,\n] as const;\n\n@NgModule({\n  imports: [...HlmBreadcrumbImports],\n  exports: [...HlmBreadcrumbImports],\n})\nexport class HlmBreadcrumbModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/breadcrumb/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "breadcrumb",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/breadcrumb.mjs",
+  "typings": "types/breadcrumb.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/breadcrumb.d.ts",
+      "default": "./fesm2022/breadcrumb.mjs"
+    }
+  },
+  "type": "module"
+}

package/breadcrumb/types/breadcrumb.d.ts

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import * as _angular_router from '@angular/router';
+
+declare class HlmBreadcrumb {
+    readonly ariaLabel: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBreadcrumb, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmBreadcrumb, "[hlmBreadcrumb]", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmBreadcrumbEllipsis {
+    /** Screen reader only text for the ellipsis */
+    readonly srOnlyText: i0.InputSignal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBreadcrumbEllipsis, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmBreadcrumbEllipsis, "hlm-breadcrumb-ellipsis", never, { "srOnlyText": { "alias": "srOnlyText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmBreadcrumbItem {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBreadcrumbItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmBreadcrumbItem, "[hlmBreadcrumbItem]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmBreadcrumbLink {
+    /** The link to navigate to the page. */
+    readonly link: i0.InputSignal<string | readonly any[] | _angular_router.UrlTree | null | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBreadcrumbLink, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmBreadcrumbLink, "[hlmBreadcrumbLink]", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _angular_router.RouterLink; inputs: { "target": "target"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "routerLink": "link"; }; outputs: {}; }]>;
+}
+
+declare class HlmBreadcrumbList {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBreadcrumbList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmBreadcrumbList, "[hlmBreadcrumbList]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmBreadcrumbPage {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBreadcrumbPage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmBreadcrumbPage, "[hlmBreadcrumbPage]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmBreadcrumbSeparator {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBreadcrumbSeparator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmBreadcrumbSeparator, "[hlmBreadcrumbSeparator]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare const HlmBreadcrumbImports: readonly [typeof HlmBreadcrumb, typeof HlmBreadcrumbEllipsis, typeof HlmBreadcrumbSeparator, typeof HlmBreadcrumbItem, typeof HlmBreadcrumbLink, typeof HlmBreadcrumbPage, typeof HlmBreadcrumbList];
+declare class HlmBreadcrumbModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBreadcrumbModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmBreadcrumbModule, never, [typeof HlmBreadcrumb, typeof HlmBreadcrumbEllipsis, typeof HlmBreadcrumbSeparator, typeof HlmBreadcrumbItem, typeof HlmBreadcrumbLink, typeof HlmBreadcrumbPage, typeof HlmBreadcrumbList], [typeof HlmBreadcrumb, typeof HlmBreadcrumbEllipsis, typeof HlmBreadcrumbSeparator, typeof HlmBreadcrumbItem, typeof HlmBreadcrumbLink, typeof HlmBreadcrumbPage, typeof HlmBreadcrumbList]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmBreadcrumbModule>;
+}
+
+export { HlmBreadcrumb, HlmBreadcrumbEllipsis, HlmBreadcrumbImports, HlmBreadcrumbItem, HlmBreadcrumbLink, HlmBreadcrumbList, HlmBreadcrumbModule, HlmBreadcrumbPage, HlmBreadcrumbSeparator };

package/button/fesm2022/button.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { input, signal, computed, Component, NgModule } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
+import { input, signal, computed, Component, InjectionToken, inject, Directive, NgModule } from '@angular/core';
 import * as i1 from '@spartan-ng/brain/button';
 import { BrnButton } from '@spartan-ng/brain/button';
+import { hlm } from '@egose/shadcn-theme-ng/utils';
+import { NgTemplateOutlet } from '@angular/common';
 import { HlmSpinner } from '@egose/shadcn-theme-ng/spinner';
 import { cva } from 'class-variance-authority';
-import { hlm } from '@egose/shadcn-theme-ng/utils';
 
 const buttonVariants = cva([
     'cursor-pointer',
@@ -33,6 +33,7 @@ const buttonVariants = cva([
 ], {
     variants: {
         variant: {
+            default: 'border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',
             primary: 'border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',
             secondary: 'border border-secondary bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90',
             success: 'border border-success bg-success text-success-foreground shadow-sm hover:bg-success/90',
@@ -44,6 +45,7 @@ const buttonVariants = cva([
             accent: 'border border-accent bg-accent text-accent-foreground shadow-sm hover:bg-accent/90',
             destructive: 'border border-destructive bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
             muted: 'border border-muted bg-muted text-muted-foreground shadow-sm hover:bg-muted/90',
+            outline: 'border border-primary bg-white text-primary shadow-sm hover:bg-primary/10',
             link: 'text-primary underline-offset-4 hover:underline',
             ghost: 'hover:bg-light hover:text-light-foreground',
         },
@@ -53,6 +55,9 @@ const buttonVariants = cva([
             default: 'h-9 px-4 py-2',
             lg: 'h-10 rounded-sm px-7 text-base',
             icon: 'h-9 w-9',
+            'icon-xs': 'h-6 w-6 rounded-xs',
+            'icon-sm': 'h-8 w-8 rounded-sm',
+            'icon-lg': 'h-10 w-10 rounded-sm',
             'compact-xs': 'h-6 px-2 py-1 text-xs',
             'compact-sm': 'h-7 px-2 py-1',
             'compact-default': 'h-8 px-2 py-1',
@@ -78,17 +83,27 @@ const buttonVariants = cva([
 });
 class HlmButton {
     /** Props as signal-based inputs */
-    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : []));
-    iconPosition = input('left', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    spinnerUserClass = input('', ...(ngDevMode ? [{ debugName: "spinnerUserClass" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : []));
-    _additionalClasses = signal('', ...(ngDevMode ? [{ debugName: "_additionalClasses" }] : []));
+    variant = input('primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    appearance = input('solid', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    loading = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    icon = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    iconPosition = input('left', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconPosition" }] : /* istanbul ignore next */ []));
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    spinnerUserClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "spinnerUserClass" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    _additionalClasses = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_additionalClasses" }] : /* istanbul ignore next */ []));
     /** Computed button class merging */
     _computedClass = computed(() => {
         const outlineClasses = this.appearance() === 'outline' || this.appearance() === 'outline-filled'
@@ -104,20 +119,23 @@ class HlmButton {
             loading: this.loading(),
             className: this.userClass(),
         }), outlineClasses, this.loading() ? 'pointer-events-none' : '', this._additionalClasses());
-    }, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
     /** Computed spinner classes */
     spinnerClass = computed(() => {
         const base = this.appearance() === 'outline' || this.appearance() === 'outline-filled'
             ? this.getOutlineSpinnerClasses(this.variant())
             : this.getSpinnerClasses(this.variant());
         return hlm(base, this.spinnerUserClass());
-    }, ...(ngDevMode ? [{ debugName: "spinnerClass" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "spinnerClass" }] : /* istanbul ignore next */ []));
     setClass(classes) {
         this._additionalClasses.set(classes);
     }
     /** Helper functions */
     getOutlineClasses(variant) {
         const colors = {
+            default: 'border-primary text-primary shadow-sm hover:bg-primary/10',
             primary: 'border-primary text-primary shadow-sm hover:bg-primary/10',
             secondary: 'border-secondary text-secondary shadow-sm hover:bg-secondary/10',
             success: 'border-success text-success shadow-sm hover:bg-success/10',
@@ -129,6 +147,7 @@ class HlmButton {
             accent: 'border-accent text-accent shadow-sm hover:bg-accent/10',
             destructive: 'border-destructive text-destructive shadow-sm hover:bg-destructive/10',
             muted: 'border-muted text-muted-foreground shadow-sm hover:bg-muted/10',
+            outline: 'border-primary text-primary shadow-sm hover:bg-primary/10',
             link: 'text-primary',
             ghost: 'text-light-foreground',
         };
@@ -136,6 +155,7 @@ class HlmButton {
     }
     getOutlineFilledClasses(variant) {
         const colors = {
+            default: 'hover:bg-primary hover:text-primary-foreground',
             primary: 'hover:bg-primary hover:text-primary-foreground',
             secondary: 'hover:bg-secondary hover:text-secondary-foreground',
             success: 'hover:bg-success hover:text-success-foreground',
@@ -147,6 +167,7 @@ class HlmButton {
             accent: 'hover:bg-accent hover:text-accent-foreground',
             destructive: 'hover:bg-destructive hover:text-destructive-foreground',
             muted: 'hover:bg-muted hover:text-muted-foreground',
+            outline: 'hover:bg-primary hover:text-primary-foreground',
             link: 'hover:underline',
             ghost: 'hover:bg-light',
         };
@@ -154,6 +175,7 @@ class HlmButton {
     }
     getSpinnerClasses(variant) {
         const colors = {
+            default: '[&>svg]:text-primary-foreground',
             primary: '[&>svg]:text-primary-foreground',
             secondary: '[&>svg]:text-secondary-foreground',
             success: '[&>svg]:text-success-foreground',
@@ -165,6 +187,7 @@ class HlmButton {
             accent: '[&>svg]:text-accent-foreground',
             destructive: '[&>svg]:text-destructive-foreground',
             muted: '[&>svg]:text-muted-foreground',
+            outline: '[&>svg]:text-primary',
             link: '[&>svg]:text-primary',
             ghost: '[&>svg]:text-light-foreground',
         };
@@ -172,6 +195,7 @@ class HlmButton {
     }
     getOutlineSpinnerClasses(variant) {
         const colors = {
+            default: '[&>svg]:text-primary',
             primary: '[&>svg]:text-primary',
             secondary: '[&>svg]:text-secondary',
             success: '[&>svg]:text-success',
@@ -183,13 +207,14 @@ class HlmButton {
             accent: '[&>svg]:text-accent',
             destructive: '[&>svg]:text-destructive',
             muted: '[&>svg]:text-muted-foreground',
+            outline: '[&>svg]:text-primary',
             link: '[&>svg]:text-primary',
             ghost: '[&>svg]:text-light-foreground',
         };
         return colors[variant];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HlmButton, isStandalone: true, selector: "button[hlmButton], a[hlmButton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, spinnerUserClass: { classPropertyName: "spinnerUserClass", publicName: "spinnerUserClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()", "attr.aria-busy": "loading() || null", "attr.disabled": "(loading() || disabled()) ? true : null", "attr.type": "type()" } }, hostDirectives: [{ directive: i1.BrnButton, inputs: ["disabled", "disabled"] }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: HlmButton, isStandalone: true, selector: "button[hlmButton], a[hlmButton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, spinnerUserClass: { classPropertyName: "spinnerUserClass", publicName: "spinnerUserClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()", "attr.aria-busy": "loading() || null", "attr.disabled": "(loading() || disabled()) ? true : null", "attr.type": "type()" } }, hostDirectives: [{ directive: i1.BrnButton, inputs: ["disabled", "disabled"] }], ngImport: i0, template: `
     <ng-template #projected>
       <ng-content></ng-content>
     </ng-template>
@@ -216,7 +241,7 @@ class HlmButton {
     }
   `, isInline: true, dependencies: [{ kind: "component", type: HlmSpinner, selector: "hlm-spinner", inputs: ["size", "show", "class", "spinnerClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'button[hlmButton], a[hlmButton]',
@@ -258,16 +283,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], spinnerUserClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "spinnerUserClass", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
 
+const defaultConfig = {
+    variant: 'default',
+    size: 'default',
+};
+const BrnButtonConfigToken = new InjectionToken('BrnButtonConfig');
+function provideBrnButtonConfig(config) {
+    return { provide: BrnButtonConfigToken, useValue: { ...defaultConfig, ...config } };
+}
+function injectBrnButtonConfig() {
+    return inject(BrnButtonConfigToken, { optional: true }) ?? defaultConfig;
+}
+
+class HlmBtn {
+    _config = injectBrnButtonConfig();
+    _additionalClasses = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_additionalClasses" }] : /* istanbul ignore next */ []));
+    variant = input(this._config.variant, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input(this._config.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    _computedClass = computed(() => hlm(buttonVariants({
+        variant: this.variant(),
+        size: this.size(),
+    }), this.userClass(), this._additionalClasses()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    setClass(classes) {
+        this._additionalClasses.set(classes);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmBtn, isStandalone: true, selector: "button[hlmBtn], a[hlmBtn]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button" }, properties: { "class": "_computedClass()", "attr.type": "type()" } }, exportAs: ["hlmBtn"], hostDirectives: [{ directive: i1.BrnButton, inputs: ["disabled", "disabled"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmBtn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmBtn], a[hlmBtn]',
+                    exportAs: 'hlmBtn',
+                    standalone: true,
+                    hostDirectives: [{ directive: BrnButton, inputs: ['disabled'] }],
+                    host: {
+                        '[class]': '_computedClass()',
+                        '[attr.type]': 'type()',
+                        'data-slot': 'button',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+
 /*
  * Public API Surface of button
  */
-const HlmButtonImports = [HlmButton];
+const HlmButtonImports = [HlmButton, HlmBtn];
 class HlmButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: HlmButtonModule, imports: [HlmButton], exports: [HlmButton] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmButtonModule, imports: [HlmButtonImports] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonModule, imports: [HlmButton, HlmBtn], exports: [HlmButton, HlmBtn] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonModule, imports: [HlmButton] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmButtonImports],
@@ -279,5 +353,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { HlmButton, HlmButtonImports, HlmButtonModule, buttonVariants };
+export { HlmBtn, HlmButton, HlmButtonImports, HlmButtonModule, buttonVariants, injectBrnButtonConfig, provideBrnButtonConfig };
 //# sourceMappingURL=button.mjs.map