@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/autocomplete/types/autocomplete.d.ts

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/autocomplete';
+import * as i2 from '@spartan-ng/brain/popover';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i2$1 from '@egose/shadcn-theme-ng/input-group';
+
+declare class HlmAutocomplete {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocomplete, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocomplete, "[hlmAutocomplete],hlm-autocomplete", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocomplete; inputs: { "autoHighlight": "autoHighlight"; "disabled": "disabled"; "value": "value"; "search": "search"; "itemToString": "itemToString"; "isItemEqualToValue": "isItemEqualToValue"; }; outputs: { "valueChange": "valueChange"; "searchChange": "searchChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
+}
+
+declare class HlmAutocompleteContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteContent, "[hlmAutocompleteContent],hlm-autocomplete-content", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteContent; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteEmpty {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteEmpty, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteEmpty, "[hlmAutocompleteEmpty],hlm-autocomplete-empty", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteEmpty; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteGroup, "[hlmAutocompleteGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteGroup; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteInput {
+    private static _id;
+    readonly inputId: i0.InputSignal<string>;
+    readonly placeholder: i0.InputSignal<string>;
+    readonly showSearch: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly showClear: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Forces the invalid state visually, regardless of form control state. */
+    readonly forceInvalid: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Manual override for aria-invalid. When not set, auto-detects from the parent autocomplete error state. */
+    readonly ariaInvalidOverride: i0.InputSignalWithTransform<boolean | undefined, BooleanInput>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAutocompleteInput, "hlm-autocomplete-input", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "forceInvalid": { "alias": "forceInvalid"; "required": false; "isSignal": true; }; "ariaInvalidOverride": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteAnchor; inputs: {}; outputs: {}; }, { directive: typeof i2$1.HlmInputGroup; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteItem {
+    private readonly _brnAutocompleteItem;
+    protected readonly _active: i0.Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAutocompleteItem, "hlm-autocomplete-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteItem; inputs: { "id": "id"; "disabled": "disabled"; "value": "value"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteLabel {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteLabel, "[hlmAutocompleteLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteLabel; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteList {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteList, "[hlmAutocompleteList]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteList; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompletePortal {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompletePortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompletePortal, "[hlmAutocompletePortal]", never, {}, {}, never, never, true, [{ directive: typeof i2.BrnPopoverContent; inputs: { "context": "context"; "class": "class"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteSearch {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteSearch, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteSearch, "[hlmAutocompleteSearch],hlm-autocomplete-search", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteSearch; inputs: { "autoHighlight": "autoHighlight"; "disabled": "disabled"; "value": "value"; "search": "search"; "itemToString": "itemToString"; }; outputs: { "valueChange": "valueChange"; "searchChange": "searchChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
+}
+
+declare class HlmAutocompleteSeparator {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteSeparator, "[hlmAutocompleteSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteSeparator; inputs: { "orientation": "orientation"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteStatus {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteStatus, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteStatus, "[hlmAutocompleteStatus],hlm-autocomplete-status", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteStatus; inputs: {}; outputs: {}; }]>;
+}
+
+declare const HlmAutocompleteImports: readonly [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus];
+declare class HlmAutocompleteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmAutocompleteModule, never, [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus], [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmAutocompleteModule>;
+}
+
+export { HlmAutocomplete, HlmAutocompleteContent, HlmAutocompleteEmpty, HlmAutocompleteGroup, HlmAutocompleteImports, HlmAutocompleteInput, HlmAutocompleteItem, HlmAutocompleteLabel, HlmAutocompleteList, HlmAutocompleteModule, HlmAutocompletePortal, HlmAutocompleteSearch, HlmAutocompleteSeparator, HlmAutocompleteStatus };

package/avatar/README.md

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

package/avatar/fesm2022/avatar.mjs

@@ -0,0 +1,178 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, Directive, inject, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/avatar';
+import { BrnAvatar, BrnAvatarFallback, BrnAvatarImage } from '@spartan-ng/brain/avatar';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+
+class HlmAvatar extends BrnAvatar {
+    size = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        classes(() => "size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 group/avatar after:border-border relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: HlmAvatar, isStandalone: true, selector: "hlm-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "avatar" }, properties: { "attr.data-size": "size()" } }, usesInheritance: true, ngImport: i0, template: `
+    @if (_image()?.canShow()) {
+      <ng-content select="[hlmAvatarImage],[brnAvatarImage]" />
+    } @else {
+      <ng-content select="[hlmAvatarFallback],[brnAvatarFallback]" />
+    }
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-avatar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'data-slot': 'avatar',
+                        '[attr.data-size]': 'size()',
+                    },
+                    template: `
+    @if (_image()?.canShow()) {
+      <ng-content select="[hlmAvatarImage],[brnAvatarImage]" />
+    } @else {
+      <ng-content select="[hlmAvatarFallback],[brnAvatarFallback]" />
+    }
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class HlmAvatarBadge {
+    constructor() {
+        classes(() => [
+            "bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none",
+            "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>ng-icon]:hidden",
+            "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>ng-icon]:text-[length:--spacing(2)]",
+            "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>ng-icon]:text-[length:--spacing(2)]",
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAvatarBadge, isStandalone: true, selector: "[hlmAvatarBadge],hlm-avatar-badge", host: { attributes: { "data-slot": "avatar-badge" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarBadge, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAvatarBadge],hlm-avatar-badge',
+                    host: {
+                        'data-slot': 'avatar-badge',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAvatarFallback {
+    constructor() {
+        classes(() => "bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarFallback, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAvatarFallback, isStandalone: true, selector: "[hlmAvatarFallback]", host: { attributes: { "data-slot": "avatar-fallback" } }, exportAs: ["hlmAvatarFallback"], hostDirectives: [{ directive: i1.BrnAvatarFallback }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarFallback, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAvatarFallback]',
+                    exportAs: 'hlmAvatarFallback',
+                    hostDirectives: [BrnAvatarFallback],
+                    host: {
+                        'data-slot': 'avatar-fallback',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAvatarGroup {
+    constructor() {
+        classes(() => "*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAvatarGroup, isStandalone: true, selector: "[hlmAvatarGroup],hlm-avatar-group", host: { attributes: { "data-slot": "avatar-group" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAvatarGroup],hlm-avatar-group',
+                    host: {
+                        'data-slot': 'avatar-group',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAvatarGroupCount {
+    constructor() {
+        classes(() => "bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>ng-icon]:text-base group-has-data-[size=lg]/avatar-group:[&>ng-icon]:text-xl group-has-data-[size=sm]/avatar-group:[&>ng-icon]:text-xs");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarGroupCount, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAvatarGroupCount, isStandalone: true, selector: "[hlmAvatarGroupCount],hlm-avatar-group-count", host: { attributes: { "data-slot": "avatar-group-count" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarGroupCount, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAvatarGroupCount],hlm-avatar-group-count',
+                    host: {
+                        'data-slot': 'avatar-group-count',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmAvatarImage {
+    canShow = inject(BrnAvatarImage).canShow;
+    constructor() {
+        classes(() => "rounded-full aspect-square size-full object-cover");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarImage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAvatarImage, isStandalone: true, selector: "img[hlmAvatarImage]", host: { attributes: { "data-slot": "avatar-image" } }, exportAs: ["hlmAvatarImage"], hostDirectives: [{ directive: i1.BrnAvatarImage }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarImage, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[hlmAvatarImage]',
+                    exportAs: 'hlmAvatarImage',
+                    hostDirectives: [BrnAvatarImage],
+                    host: {
+                        'data-slot': 'avatar-image',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of avatar
+ */
+const HlmAvatarImports = [
+    HlmAvatar,
+    HlmAvatarBadge,
+    HlmAvatarFallback,
+    HlmAvatarGroup,
+    HlmAvatarGroupCount,
+    HlmAvatarImage,
+];
+class HlmAvatarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarModule, imports: [HlmAvatar,
+            HlmAvatarBadge,
+            HlmAvatarFallback,
+            HlmAvatarGroup,
+            HlmAvatarGroupCount,
+            HlmAvatarImage], exports: [HlmAvatar,
+            HlmAvatarBadge,
+            HlmAvatarFallback,
+            HlmAvatarGroup,
+            HlmAvatarGroupCount,
+            HlmAvatarImage] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmAvatarImports],
+                    exports: [...HlmAvatarImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmAvatar, HlmAvatarBadge, HlmAvatarFallback, HlmAvatarGroup, HlmAvatarGroupCount, HlmAvatarImage, HlmAvatarImports, HlmAvatarModule };
+

package/avatar/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "avatar",
+  "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/avatar.mjs",
+  "typings": "types/avatar.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/avatar.d.ts",
+      "default": "./fesm2022/avatar.mjs"
+    }
+  },
+  "type": "module"
+}

package/avatar/types/avatar.d.ts

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/avatar';
+import { BrnAvatar } from '@spartan-ng/brain/avatar';
+
+declare class HlmAvatar extends BrnAvatar {
+    readonly size: i0.InputSignal<"default" | "sm" | "lg">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAvatar, "hlm-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[hlmAvatarImage],[brnAvatarImage]", "[hlmAvatarFallback],[brnAvatarFallback]", "*"], true, never>;
+}
+
+declare class HlmAvatarBadge {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarBadge, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarBadge, "[hlmAvatarBadge],hlm-avatar-badge", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAvatarFallback {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarFallback, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarFallback, "[hlmAvatarFallback]", ["hlmAvatarFallback"], {}, {}, never, never, true, [{ directive: typeof i1.BrnAvatarFallback; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAvatarGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarGroup, "[hlmAvatarGroup],hlm-avatar-group", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAvatarGroupCount {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarGroupCount, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarGroupCount, "[hlmAvatarGroupCount],hlm-avatar-group-count", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAvatarImage {
+    readonly canShow: i0.Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarImage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarImage, "img[hlmAvatarImage]", ["hlmAvatarImage"], {}, {}, never, never, true, [{ directive: typeof i1.BrnAvatarImage; inputs: {}; outputs: {}; }]>;
+}
+
+declare const HlmAvatarImports: readonly [typeof HlmAvatar, typeof HlmAvatarBadge, typeof HlmAvatarFallback, typeof HlmAvatarGroup, typeof HlmAvatarGroupCount, typeof HlmAvatarImage];
+declare class HlmAvatarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmAvatarModule, never, [typeof HlmAvatar, typeof HlmAvatarBadge, typeof HlmAvatarFallback, typeof HlmAvatarGroup, typeof HlmAvatarGroupCount, typeof HlmAvatarImage], [typeof HlmAvatar, typeof HlmAvatarBadge, typeof HlmAvatarFallback, typeof HlmAvatarGroup, typeof HlmAvatarGroupCount, typeof HlmAvatarImage]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmAvatarModule>;
+}
+
+export { HlmAvatar, HlmAvatarBadge, HlmAvatarFallback, HlmAvatarGroup, HlmAvatarGroupCount, HlmAvatarImage, HlmAvatarImports, HlmAvatarModule };

package/badge/README.md

@@ -1,64 +1,3 @@
-# Badge
+# Badge Subpath
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.2.0.
-
-## Code scaffolding
-
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
-
-```bash
-ng generate component component-name
-```
-
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
-
-```bash
-ng generate --help
-```
-
-## Building
-
-To build the library, run:
-
-```bash
-ng build badge
-```
-
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
-
-### Publishing the Library
-
-Once the project is built, you can publish your library by following these steps:
-
-1. Navigate to the `dist` directory:
-
-   ```bash
-   cd dist/badge
-   ```
-
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
-
-## Running unit tests
-
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
-
-```bash
-ng test
-```
-
-## Running end-to-end tests
-
-For end-to-end (e2e) testing, run:
-
-```bash
-ng e2e
-```
-
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
-
-## Additional Resources
-
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+This project ships only as `@egose/shadcn-theme-ng/badge` or `@egose/shadcn-theme-ng-tw/badge`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.

package/badge/fesm2022/badge.mjs

@@ -4,41 +4,41 @@ import { cva } from 'class-variance-authority';
 import { hlm } from '@egose/shadcn-theme-ng/utils';
 
 const badgeVariants = cva([
-    'inline-flex',
-    'items-center',
-    'rounded-sm',
-    'font-medium',
-    'whitespace-nowrap',
-    'transition-colors',
-    'focus-visible:outline-none',
-    'focus-visible:ring-1',
-    'focus-visible:ring-ring',
+    "inline-flex",
+    "items-center",
+    "rounded-sm",
+    "font-medium",
+    "whitespace-nowrap",
+    "transition-colors",
+    "focus-visible:outline-none",
+    "focus-visible:ring-1",
+    "focus-visible:ring-ring",
 ], {
     variants: {
         variant: {
-            primary: 'bg-primary text-primary-foreground hover:bg-primary/90',
-            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/90',
-            success: 'bg-success text-success-foreground hover:bg-success/90',
-            warning: 'bg-warning text-warning-foreground hover:bg-warning/90',
-            danger: 'bg-danger text-danger-foreground hover:bg-danger/90',
-            info: 'bg-info text-info-foreground hover:bg-info/90',
-            light: 'bg-light text-light-foreground hover:bg-light/90',
-            dark: 'bg-dark text-dark-foreground hover:bg-dark/90',
-            accent: 'bg-accent text-accent-foreground hover:bg-accent/90',
-            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-            muted: 'bg-muted text-muted-foreground hover:bg-muted/90',
-            link: 'text-primary underline-offset-4 hover:underline',
-            ghost: 'hover:bg-light hover:text-light-foreground',
+            primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90",
+            success: "bg-success text-success-foreground hover:bg-success/90",
+            warning: "bg-warning text-warning-foreground hover:bg-warning/90",
+            danger: "bg-danger text-danger-foreground hover:bg-danger/90",
+            info: "bg-info text-info-foreground hover:bg-info/90",
+            light: "bg-light text-light-foreground hover:bg-light/90",
+            dark: "bg-dark text-dark-foreground hover:bg-dark/90",
+            accent: "bg-accent text-accent-foreground hover:bg-accent/90",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            muted: "bg-muted text-muted-foreground hover:bg-muted/90",
+            link: "text-primary underline-offset-4 hover:underline",
+            ghost: "hover:bg-light hover:text-light-foreground",
         },
         size: {
-            sm: 'h-5 px-2 text-xs',
-            default: 'h-6 px-3 text-sm',
-            lg: 'h-7 px-4 text-base',
+            sm: "h-5 px-2 text-xs",
+            default: "h-6 px-3 text-sm",
+            lg: "h-7 px-4 text-base",
         },
         appearance: {
             solid: '',
-            outline: 'bg-white border',
-            'outline-filled': 'bg-white border',
+            outline: "bg-white border",
+            'outline-filled': "bg-white border",
         },
     },
     defaultVariants: {
@@ -49,11 +49,16 @@ const badgeVariants = cva([
 });
 class HlmBadge {
     /** Props as signal-based inputs */
-    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass" }] : []));
-    _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 */ []));
+    userClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "userClass" }] : /* istanbul ignore next */ []));
+    _additionalClasses = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_additionalClasses" }] : /* istanbul ignore next */ []));
     /** Computed badge class merging */
     _computedClass = computed(() => {
         const outlineClasses = this.appearance() === 'outline' || this.appearance() === 'outline-filled'
@@ -68,51 +73,52 @@ class HlmBadge {
             appearance: this.appearance(),
             className: this.userClass(),
         }), outlineClasses, this._additionalClasses());
-    }, ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
     setClass(classes) {
         this._additionalClasses.set(classes);
     }
     /** Helper functions */
     getOutlineClasses(variant) {
         const colors = {
-            primary: 'border-primary text-primary hover:bg-primary/10',
-            secondary: 'border-secondary text-secondary hover:bg-secondary/10',
-            success: 'border-success text-success hover:bg-success/10',
-            warning: 'border-warning text-warning hover:bg-warning/10',
-            danger: 'border-danger text-danger hover:bg-danger/10',
-            info: 'border-info text-info hover:bg-info/10',
-            light: 'border-light text-light-foreground hover:bg-light/10',
-            dark: 'border-dark text-dark hover:bg-dark/10',
-            accent: 'border-accent text-accent hover:bg-accent/10',
-            destructive: 'border-destructive text-destructive hover:bg-destructive/10',
-            muted: 'border-muted text-muted-foreground hover:bg-muted/10',
-            link: 'text-primary',
-            ghost: 'text-light-foreground',
+            primary: "border-primary text-primary hover:bg-primary/10",
+            secondary: "border-secondary text-secondary hover:bg-secondary/10",
+            success: "border-success text-success hover:bg-success/10",
+            warning: "border-warning text-warning hover:bg-warning/10",
+            danger: "border-danger text-danger hover:bg-danger/10",
+            info: "border-info text-info hover:bg-info/10",
+            light: "border-light text-light-foreground hover:bg-light/10",
+            dark: "border-dark text-dark hover:bg-dark/10",
+            accent: "border-accent text-accent hover:bg-accent/10",
+            destructive: "border-destructive text-destructive hover:bg-destructive/10",
+            muted: "border-muted text-muted-foreground hover:bg-muted/10",
+            link: "text-primary",
+            ghost: "text-light-foreground",
         };
         return colors[variant];
     }
     getOutlineFilledClasses(variant) {
         const colors = {
-            primary: 'hover:bg-primary hover:text-primary-foreground',
-            secondary: 'hover:bg-secondary hover:text-secondary-foreground',
-            success: 'hover:bg-success hover:text-success-foreground',
-            warning: 'hover:bg-warning hover:text-warning-foreground',
-            danger: 'hover:bg-danger hover:text-danger-foreground',
-            info: 'hover:bg-info hover:text-info-foreground',
-            light: 'hover:bg-light hover:text-light-foreground',
-            dark: 'hover:bg-dark hover:text-dark-foreground',
-            accent: 'hover:bg-accent hover:text-accent-foreground',
-            destructive: 'hover:bg-destructive hover:text-destructive-foreground',
-            muted: 'hover:bg-muted hover:text-muted-foreground',
-            link: 'hover:underline',
-            ghost: 'hover:bg-light',
+            primary: "hover:bg-primary hover:text-primary-foreground",
+            secondary: "hover:bg-secondary hover:text-secondary-foreground",
+            success: "hover:bg-success hover:text-success-foreground",
+            warning: "hover:bg-warning hover:text-warning-foreground",
+            danger: "hover:bg-danger hover:text-danger-foreground",
+            info: "hover:bg-info hover:text-info-foreground",
+            light: "hover:bg-light hover:text-light-foreground",
+            dark: "hover:bg-dark hover:text-dark-foreground",
+            accent: "hover:bg-accent hover:text-accent-foreground",
+            destructive: "hover:bg-destructive hover:text-destructive-foreground",
+            muted: "hover:bg-muted hover:text-muted-foreground",
+            link: "hover:underline",
+            ghost: "hover:bg-light",
         };
         return colors[variant];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: HlmBadge, isStandalone: true, selector: "span[hlmBadge], a[hlmBadge]", 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 }, userClass: { classPropertyName: "userClass", publicName: "userClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmBadge, isStandalone: true, selector: "span[hlmBadge], a[hlmBadge]", 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 }, userClass: { classPropertyName: "userClass", publicName: "userClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmBadge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmBadge, decorators: [{
             type: Component,
             args: [{
                     selector: 'span[hlmBadge], a[hlmBadge]',
@@ -134,4 +140,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  */
 
 export { HlmBadge, badgeVariants };
-//# sourceMappingURL=badge.mjs.map
+