@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/pagination/types/pagination.d.ts

@@ -0,0 +1,192 @@
+import * as _angular_core from '@angular/core';
+import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
+import * as _angular_router from '@angular/router';
+import { ClassValue } from 'clsx';
+
+declare class HlmNumberedPagination {
+    /**
+     * The current (active) page.
+     */
+    readonly currentPage: _angular_core.ModelSignal<number>;
+    /**
+     * The number of items per paginated page.
+     */
+    readonly itemsPerPage: _angular_core.ModelSignal<number>;
+    /**
+     * The total number of items in the collection. Only useful when
+     * doing server-side paging, where the collection size is limited
+     * to a single page returned by the server API.
+     */
+    readonly totalItems: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The number of page links to show.
+     */
+    readonly maxSize: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /**
+     * Show the first and last page buttons.
+     */
+    readonly showEdges: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The page sizes to show.
+     * Defaults to [10, 20, 50, 100]
+     */
+    readonly pageSizes: _angular_core.InputSignal<number[]>;
+    protected readonly _pageSizesWithCurrent: _angular_core.Signal<number[]>;
+    protected readonly _isFirstPageActive: _angular_core.Signal<boolean>;
+    protected readonly _isLastPageActive: _angular_core.Signal<boolean>;
+    protected readonly _lastPageNumber: _angular_core.Signal<number>;
+    protected readonly _pages: _angular_core.Signal<Page[]>;
+    protected goToPrevious(): void;
+    protected goToNext(): void;
+    protected goToFirst(): void;
+    protected goToLast(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmNumberedPagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmNumberedPagination, "hlm-numbered-pagination", never, { "currentPage": { "alias": "currentPage"; "required": true; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": true; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "showEdges": { "alias": "showEdges"; "required": false; "isSignal": true; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "itemsPerPage": "itemsPerPageChange"; }, never, never, true, never>;
+}
+type Page = number | '...';
+/**
+ * Checks that the instance.currentPage property is within bounds for the current page range.
+ * If not, return a correct value for currentPage, or the current value if OK.
+ *
+ * Copied from 'ngx-pagination' package
+ */
+declare function outOfBoundCorrection(totalItems: number, itemsPerPage: number, currentPage: number): number;
+/**
+ * Returns an array of Page objects to use in the pagination controls.
+ *
+ * Copied from 'ngx-pagination' package
+ */
+declare function createPageArray(currentPage: number, itemsPerPage: number, totalItems: number, paginationRange: number): Page[];
+
+declare class HlmNumberedPaginationQueryParams {
+    /**
+     * The current (active) page.
+     */
+    readonly currentPage: _angular_core.ModelSignal<number>;
+    /**
+     * The number of items per paginated page.
+     */
+    readonly itemsPerPage: _angular_core.ModelSignal<number>;
+    /**
+     * The total number of items in the collection. Only useful when
+     * doing server-side paging, where the collection size is limited
+     * to a single page returned by the server API.
+     */
+    readonly totalItems: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The URL path to use for the pagination links.
+     * Defaults to '.' (current path).
+     */
+    readonly link: _angular_core.InputSignal<string>;
+    /**
+     * The number of page links to show.
+     */
+    readonly maxSize: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /**
+     * Show the first and last page buttons.
+     */
+    readonly showEdges: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The page sizes to show.
+     * Defaults to [10, 20, 50, 100]
+     */
+    readonly pageSizes: _angular_core.InputSignal<number[]>;
+    protected readonly _pageSizesWithCurrent: _angular_core.Signal<number[]>;
+    protected readonly _isFirstPageActive: _angular_core.Signal<boolean>;
+    protected readonly _isLastPageActive: _angular_core.Signal<boolean>;
+    protected readonly _lastPageNumber: _angular_core.Signal<number>;
+    protected readonly _pages: _angular_core.Signal<(number | "...")[]>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmNumberedPaginationQueryParams, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmNumberedPaginationQueryParams, "hlm-numbered-pagination-query-params", never, { "currentPage": { "alias": "currentPage"; "required": true; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": true; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "showEdges": { "alias": "showEdges"; "required": false; "isSignal": true; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "itemsPerPage": "itemsPerPageChange"; }, never, never, true, never>;
+}
+
+declare class HlmPagination {
+    /** The aria-label for the pagination component. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmPagination, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmPagination, "[hlmPagination],hlm-pagination", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmPaginationContent {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmPaginationContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmPaginationContent, "ul[hlmPaginationContent]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmPaginationEllipsis {
+    /** Screen reader only text for the ellipsis */
+    readonly srOnlyText: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmPaginationEllipsis, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmPaginationEllipsis, "hlm-pagination-ellipsis", never, { "srOnlyText": { "alias": "srOnlyText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmPaginationItem {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmPaginationItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmPaginationItem, "li[hlmPaginationItem]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmPaginationLink {
+    /** Whether the link is active (i.e., the current page). */
+    readonly isActive: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** The size of the button. */
+    readonly size: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | "compact-xs" | "compact-sm" | "compact-default" | "compact-lg" | "compact-icon" | null | undefined>;
+    /** The link to navigate to the page. */
+    readonly link: _angular_core.InputSignal<string | readonly any[] | _angular_router.UrlTree | null | undefined>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmPaginationLink, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmPaginationLink, "[hlmPaginationLink]", never, { "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "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 HlmPaginationNext {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    /** The link to navigate to the next page. */
+    readonly link: _angular_core.InputSignal<string | readonly any[] | _angular_router.UrlTree | null | undefined>;
+    /** The query parameters to pass to the next page. */
+    readonly queryParams: _angular_core.InputSignal<_angular_router.Params | null | undefined>;
+    /** How to handle query parameters when navigating to the next page. */
+    readonly queryParamsHandling: _angular_core.InputSignal<_angular_router.QueryParamsHandling | null | undefined>;
+    /** The aria-label for the next page link. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** The text to display for the next page link. */
+    readonly text: _angular_core.InputSignal<string>;
+    /** Whether the button should only display the icon. */
+    readonly iconOnly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    protected readonly _labelClass: _angular_core.Signal<"sr-only" | "hidden sm:block">;
+    protected readonly _size: _angular_core.Signal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | "compact-xs" | "compact-sm" | "compact-default" | "compact-lg" | "compact-icon" | null | undefined>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmPaginationNext, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmPaginationNext, "hlm-pagination-next", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "queryParams": { "alias": "queryParams"; "required": false; "isSignal": true; }; "queryParamsHandling": { "alias": "queryParamsHandling"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmPaginationPrevious {
+    readonly userClass: _angular_core.InputSignal<ClassValue>;
+    /** The link to navigate to the previous page. */
+    readonly link: _angular_core.InputSignal<string | readonly any[] | _angular_router.UrlTree | null | undefined>;
+    /** The query parameters to pass to the previous page. */
+    readonly queryParams: _angular_core.InputSignal<_angular_router.Params | null | undefined>;
+    /** How to handle query parameters when navigating to the previous page. */
+    readonly queryParamsHandling: _angular_core.InputSignal<_angular_router.QueryParamsHandling | null | undefined>;
+    /** The aria-label for the previous page link. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** The text to display for the previous page link. */
+    readonly text: _angular_core.InputSignal<string>;
+    /** Whether the button should only display the icon. */
+    readonly iconOnly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    protected readonly _labelClass: _angular_core.Signal<string>;
+    protected readonly _size: _angular_core.Signal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | "compact-xs" | "compact-sm" | "compact-default" | "compact-lg" | "compact-icon" | null | undefined>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmPaginationPrevious, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HlmPaginationPrevious, "hlm-pagination-previous", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "queryParams": { "alias": "queryParams"; "required": false; "isSignal": true; }; "queryParamsHandling": { "alias": "queryParamsHandling"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const HlmPaginationImports: readonly [typeof HlmPagination, typeof HlmPaginationContent, typeof HlmPaginationItem, typeof HlmPaginationLink, typeof HlmPaginationPrevious, typeof HlmPaginationNext, typeof HlmPaginationEllipsis, typeof HlmNumberedPagination, typeof HlmNumberedPaginationQueryParams];
+declare class HlmPaginationModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmPaginationModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<HlmPaginationModule, never, [typeof HlmPagination, typeof HlmPaginationContent, typeof HlmPaginationItem, typeof HlmPaginationLink, typeof HlmPaginationPrevious, typeof HlmPaginationNext, typeof HlmPaginationEllipsis, typeof HlmNumberedPagination, typeof HlmNumberedPaginationQueryParams], [typeof HlmPagination, typeof HlmPaginationContent, typeof HlmPaginationItem, typeof HlmPaginationLink, typeof HlmPaginationPrevious, typeof HlmPaginationNext, typeof HlmPaginationEllipsis, typeof HlmNumberedPagination, typeof HlmNumberedPaginationQueryParams]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<HlmPaginationModule>;
+}
+
+export { HlmNumberedPagination, HlmNumberedPaginationQueryParams, HlmPagination, HlmPaginationContent, HlmPaginationEllipsis, HlmPaginationImports, HlmPaginationItem, HlmPaginationLink, HlmPaginationModule, HlmPaginationNext, HlmPaginationPrevious, createPageArray, outOfBoundCorrection };

package/popover/README.md

@@ -1,64 +1,3 @@
-# Popover
+# Popover Subpath
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.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 popover
-```
-
-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/popover
-   ```
-
-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/popover` or `@egose/shadcn-theme-ng-tw/popover`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.

package/popover/fesm2022/popover.mjs

@@ -1,23 +1,28 @@
 import * as i0 from '@angular/core';
-import { input, computed, Directive, signal, inject, Renderer2, ElementRef, effect, NgModule } from '@angular/core';
-import { hlm } from '@egose/shadcn-theme-ng/utils';
+import { Directive, signal, inject, Renderer2, ElementRef, effect, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/popover';
+import { BrnPopover, BrnPopoverContent, BrnPopoverTrigger } from '@spartan-ng/brain/popover';
 import { injectExposesStateProvider } from '@spartan-ng/brain/core';
+import { classes } from '@egose/shadcn-theme-ng/utils';
 
-class HlmPopoverClose {
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmPopoverClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: HlmPopoverClose, isStandalone: true, selector: "[hlmPopoverClose],[brnPopoverClose][hlm]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+class HlmPopover {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopover, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmPopover, isStandalone: true, selector: "[hlmPopover],hlm-popover", host: { attributes: { "data-slot": "popover" } }, hostDirectives: [{ directive: i1.BrnPopover, inputs: ["align", "align", "attachTo", "attachTo", "autoFocus", "autoFocus", "closeOnOutsidePointerEvents", "closeOnOutsidePointerEvents", "offsetX", "offsetX", "sideOffset", "sideOffset", "state", "state"], outputs: ["stateChanged", "stateChanged", "closed", "closed"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmPopoverClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopover, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[hlmPopoverClose],[brnPopoverClose][hlm]',
-                    host: {
-                        '[class]': '_computedClass()',
-                    },
+                    selector: '[hlmPopover],hlm-popover',
+                    hostDirectives: [
+                        {
+                            directive: BrnPopover,
+                            inputs: ['align', 'attachTo', 'autoFocus', 'closeOnOutsidePointerEvents', 'offsetX', 'sideOffset', 'state'],
+                            outputs: ['stateChanged', 'closed'],
+                        },
+                    ],
+                    host: { 'data-slot': 'popover' },
                 }]
-        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+        }] });
 
 class HlmPopoverContent {
     _stateProvider = injectExposesStateProvider({ host: true });
@@ -28,32 +33,121 @@ class HlmPopoverContent {
         effect(() => {
             this._renderer.setAttribute(this._element.nativeElement, 'data-state', this.state());
         });
+        classes(() => "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 gap-4 rounded-md p-4 text-sm shadow-md ring-1 duration-100 relative flex w-72 flex-col outline-none");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmPopoverContent, isStandalone: true, selector: "[hlmPopoverContent],hlm-popover-content", host: { attributes: { "data-slot": "popover-content" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmPopoverContent],hlm-popover-content',
+                    host: { 'data-slot': 'popover-content' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmPopoverDescription {
+    constructor() {
+        classes(() => "text-muted-foreground");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmPopoverDescription, isStandalone: true, selector: "[hlmPopoverDescription]", host: { attributes: { "data-slot": "popover-description" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmPopoverDescription]',
+                    host: { 'data-slot': 'popover-description' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmPopoverHeader {
+    constructor() {
+        classes(() => "flex flex-col gap-1 text-sm");
     }
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('border-border bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative w-72 rounded-md border p-4 shadow-md outline-none', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmPopoverContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: HlmPopoverContent, isStandalone: true, selector: "[hlmPopoverContent],[brnPopoverContent][hlm]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmPopoverHeader, isStandalone: true, selector: "[hlmPopoverHeader],hlm-popover-header", host: { attributes: { "data-slot": "popover-header" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmPopoverContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverHeader, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[hlmPopoverContent],[brnPopoverContent][hlm]',
-                    host: {
-                        '[class]': '_computedClass()',
-                    },
+                    selector: '[hlmPopoverHeader],hlm-popover-header',
+                    host: { 'data-slot': 'popover-header' },
                 }]
-        }], ctorParameters: () => [], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+        }], ctorParameters: () => [] });
+
+class HlmPopoverPortal {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmPopoverPortal, isStandalone: true, selector: "[hlmPopoverPortal]", hostDirectives: [{ directive: i1.BrnPopoverContent, inputs: ["context", "context", "class", "class"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmPopoverPortal]',
+                    hostDirectives: [{ directive: BrnPopoverContent, inputs: ['context', 'class'] }],
+                }]
+        }] });
+
+class HlmPopoverTitle {
+    constructor() {
+        classes(() => "font-medium");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmPopoverTitle, isStandalone: true, selector: "[hlmPopoverTitle]", host: { attributes: { "data-slot": "popover-title" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmPopoverTitle]',
+                    host: { 'data-slot': 'popover-title' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmPopoverTrigger {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmPopoverTrigger, isStandalone: true, selector: "button[hlmPopoverTrigger],button[hlmPopoverTriggerFor]", host: { attributes: { "data-slot": "popover-trigger" } }, hostDirectives: [{ directive: i1.BrnPopoverTrigger, inputs: ["id", "id", "brnPopoverTriggerFor", "hlmPopoverTriggerFor", "type", "type"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmPopoverTrigger],button[hlmPopoverTriggerFor]',
+                    hostDirectives: [
+                        { directive: BrnPopoverTrigger, inputs: ['id', 'brnPopoverTriggerFor: hlmPopoverTriggerFor', 'type'] },
+                    ],
+                    host: { 'data-slot': 'popover-trigger' },
+                }]
+        }] });
 
 /*
  * Public API Surface of popover
  */
-const HlmPopoverImports = [HlmPopoverContent, HlmPopoverClose];
+const HlmPopoverImports = [
+    HlmPopover,
+    HlmPopoverContent,
+    HlmPopoverDescription,
+    HlmPopoverHeader,
+    HlmPopoverPortal,
+    HlmPopoverTitle,
+    HlmPopoverTrigger,
+];
 class HlmPopoverModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: HlmPopoverModule, imports: [HlmPopoverContent, HlmPopoverClose], exports: [HlmPopoverContent, HlmPopoverClose] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmPopoverModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverModule, imports: [HlmPopover,
+            HlmPopoverContent,
+            HlmPopoverDescription,
+            HlmPopoverHeader,
+            HlmPopoverPortal,
+            HlmPopoverTitle,
+            HlmPopoverTrigger], exports: [HlmPopover,
+            HlmPopoverContent,
+            HlmPopoverDescription,
+            HlmPopoverHeader,
+            HlmPopoverPortal,
+            HlmPopoverTitle,
+            HlmPopoverTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmPopoverImports],
@@ -65,5 +159,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { HlmPopoverClose, HlmPopoverContent, HlmPopoverImports, HlmPopoverModule };
-//# sourceMappingURL=popover.mjs.map
+export { HlmPopover, HlmPopoverContent, HlmPopoverDescription, HlmPopoverHeader, HlmPopoverImports, HlmPopoverModule, HlmPopoverPortal, HlmPopoverTitle, HlmPopoverTrigger };
+

package/popover/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "popover",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0 || ^22.0.0",
+    "@angular/core": "^20.3.0 || ^22.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/popover.mjs",
+  "typings": "types/popover.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/popover.d.ts",
+      "default": "./fesm2022/popover.mjs"
+    }
+  },
+  "type": "module"
+}

package/popover/types/popover.d.ts

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/popover';
+
+declare class HlmPopover {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmPopover, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmPopover, "[hlmPopover],hlm-popover", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnPopover; inputs: { "align": "align"; "attachTo": "attachTo"; "autoFocus": "autoFocus"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "offsetX": "offsetX"; "sideOffset": "sideOffset"; "state": "state"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
+}
+
+declare class HlmPopoverContent {
+    private readonly _stateProvider;
+    state: i0.Signal<"closed" | "open">;
+    private readonly _renderer;
+    private readonly _element;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmPopoverContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmPopoverContent, "[hlmPopoverContent],hlm-popover-content", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmPopoverDescription {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmPopoverDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmPopoverDescription, "[hlmPopoverDescription]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmPopoverHeader {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmPopoverHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmPopoverHeader, "[hlmPopoverHeader],hlm-popover-header", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmPopoverPortal {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmPopoverPortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmPopoverPortal, "[hlmPopoverPortal]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnPopoverContent; inputs: { "context": "context"; "class": "class"; }; outputs: {}; }]>;
+}
+
+declare class HlmPopoverTitle {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmPopoverTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmPopoverTitle, "[hlmPopoverTitle]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmPopoverTrigger {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmPopoverTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmPopoverTrigger, "button[hlmPopoverTrigger],button[hlmPopoverTriggerFor]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnPopoverTrigger; inputs: { "id": "id"; "brnPopoverTriggerFor": "hlmPopoverTriggerFor"; "type": "type"; }; outputs: {}; }]>;
+}
+
+declare const HlmPopoverImports: readonly [typeof HlmPopover, typeof HlmPopoverContent, typeof HlmPopoverDescription, typeof HlmPopoverHeader, typeof HlmPopoverPortal, typeof HlmPopoverTitle, typeof HlmPopoverTrigger];
+declare class HlmPopoverModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmPopoverModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmPopoverModule, never, [typeof HlmPopover, typeof HlmPopoverContent, typeof HlmPopoverDescription, typeof HlmPopoverHeader, typeof HlmPopoverPortal, typeof HlmPopoverTitle, typeof HlmPopoverTrigger], [typeof HlmPopover, typeof HlmPopoverContent, typeof HlmPopoverDescription, typeof HlmPopoverHeader, typeof HlmPopoverPortal, typeof HlmPopoverTitle, typeof HlmPopoverTrigger]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmPopoverModule>;
+}
+
+export { HlmPopover, HlmPopoverContent, HlmPopoverDescription, HlmPopoverHeader, HlmPopoverImports, HlmPopoverModule, HlmPopoverPortal, HlmPopoverTitle, HlmPopoverTrigger };

package/progress/README.md

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

package/progress/fesm2022/progress.mjs

@@ -0,0 +1,77 @@
+import * as i0 from '@angular/core';
+import { Directive, inject, computed, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/progress';
+import { BrnProgress, injectBrnProgress, BrnProgressIndicator } from '@spartan-ng/brain/progress';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+import { Directionality } from '@angular/cdk/bidi';
+
+class HlmProgress {
+    constructor() {
+        classes(() => "bg-muted h-1.5 rounded-full relative inline-flex w-full overflow-hidden");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmProgress, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmProgress, isStandalone: true, selector: "hlm-progress,[hlmProgress]", host: { attributes: { "data-slot": "progress" } }, hostDirectives: [{ directive: i1.BrnProgress, inputs: ["value", "value", "max", "max", "getValueLabel", "getValueLabel"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmProgress, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'hlm-progress,[hlmProgress]',
+                    hostDirectives: [{ directive: BrnProgress, inputs: ['value', 'max', 'getValueLabel'] }],
+                    host: { 'data-slot': 'progress' },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmProgressIndicator {
+    _progress = injectBrnProgress();
+    _dir = inject(Directionality);
+    // Offset the indicator by the unfilled remainder. In RTL the bar fills from the inline-start
+    // (visually the right), so translate the opposite way to keep the fill on the correct side.
+    _transform = computed(() => {
+        const offset = 100 - (this._progress.value() ?? 100);
+        return `translateX(${this._dir.valueSignal() === 'rtl' ? '' : '-'}${offset}%)`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_transform" }] : /* istanbul ignore next */ []));
+    _indeterminate = computed(() => this._progress.value() === null || this._progress.value() === undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_indeterminate" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => "bg-primary h-full w-full flex-1 transition-all");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmProgressIndicator, isStandalone: true, selector: "[hlmProgressIndicator],hlm-progress-indicator", host: { attributes: { "data-slot": "progress-indicator" }, properties: { "class.animate-indeterminate": "_indeterminate()", "style.transform": "_transform()" } }, hostDirectives: [{ directive: i1.BrnProgressIndicator }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmProgressIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmProgressIndicator],hlm-progress-indicator',
+                    hostDirectives: [BrnProgressIndicator],
+                    host: {
+                        'data-slot': 'progress-indicator',
+                        '[class.animate-indeterminate]': '_indeterminate()',
+                        '[style.transform]': '_transform()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of progress
+ */
+const HlmProgressImports = [HlmProgress, HlmProgressIndicator];
+class HlmProgressModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmProgressModule, imports: [HlmProgress, HlmProgressIndicator], exports: [HlmProgress, HlmProgressIndicator] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmProgressModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmProgressModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmProgressImports],
+                    exports: [...HlmProgressImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmProgress, HlmProgressImports, HlmProgressIndicator, HlmProgressModule };
+