@edsis/ui 0.0.2

package/tooltip/README.md

@@ -0,0 +1,211 @@
+# Tooltip
+
+Displays a small, supplemental text label when a focusable element receives hover or keyboard focus.
+
+This Angular implementation now supports a composition-based tooltip surface with `ui-tooltip`, `[uiTooltipTrigger]`, and `ng-template[uiTooltipContent]`, while keeping the older `[uiTooltip]` string directive as a lightweight shortcut for one-line hints.
+
+## Import
+
+```ts
+import {
+  TooltipComponent,
+  TooltipContentDirective,
+  TooltipDirective,
+  TooltipTriggerDirective,
+} from '@edsis/ui/tooltip';
+```
+
+## Composition
+
+```text
+ui-tooltip
+├── focusable host[uiTooltipTrigger]
+└── ng-template[uiTooltipContent]
+
+Optional convenience shortcut:
+button[uiTooltip]
+```
+
+## Basic usage
+
+Use the composed surface when you want shadcn-style trigger and content structure or richer overlay content.
+
+```html
+<ui-tooltip [openDelay]="0">
+  <ng-template uiTooltipContent #tooltipContent="uiTooltipContent">
+    <span>Add to library</span>
+  </ng-template>
+
+  <button ui-button type="button" variant="outline" [uiTooltipTrigger]="tooltipContent">Hover</button>
+</ui-tooltip>
+```
+
+## Common patterns
+
+### Side and alignment
+
+Use `side="top|right|bottom|left"` and `align="start|center|end"` on `[uiTooltipTrigger]` to control placement.
+
+```html
+<ui-tooltip side="top" [openDelay]="0">
+  <ng-template uiTooltipContent #startContent="uiTooltipContent">
+    <span>Start aligned tooltip</span>
+  </ng-template>
+
+  <button ui-button type="button" variant="outline" [uiTooltipTrigger]="startContent" align="start">Start</button>
+</ui-tooltip>
+```
+
+### Rich content
+
+The overlay template can include small layout fragments, emphasized text, or keyboard shortcut chips.
+
+```html
+<ui-tooltip [openDelay]="0">
+  <ng-template uiTooltipContent #shortcutContent="uiTooltipContent">
+    <span class="inline-flex items-center gap-1.5">
+      Save changes
+      <ui-kbd class="border-primary-foreground/30 bg-primary-foreground/10 text-primary-foreground shadow-none">
+        Cmd
+      </ui-kbd>
+      <ui-kbd class="border-primary-foreground/30 bg-primary-foreground/10 text-primary-foreground shadow-none">
+        S
+      </ui-kbd>
+    </span>
+  </ng-template>
+
+  <button ui-button type="button" variant="outline" [uiTooltipTrigger]="shortcutContent">Save</button>
+</ui-tooltip>
+```
+
+### Disabled buttons
+
+Disabled native buttons do not emit hover or focus events. Wrap them with a focusable element and attach `[uiTooltipTrigger]` to the wrapper.
+
+```html
+<ui-tooltip [openDelay]="0">
+  <ng-template uiTooltipContent #disabledContent="uiTooltipContent">
+    <span>This feature is currently unavailable</span>
+  </ng-template>
+
+  <span
+    class="inline-block rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+    tabindex="0"
+    [uiTooltipTrigger]="disabledContent">
+    <button ui-button type="button" variant="outline" disabled>Disabled</button>
+  </span>
+</ui-tooltip>
+```
+
+### Quick string API
+
+For simple one-line hints, the original directive remains available.
+
+```html
+<button ui-button type="button" variant="outline" [uiTooltip]="'Quick text hint'" uiTooltipPosition="above">
+  String directive
+</button>
+```
+
+### Programmatic control
+
+Export the trigger as `uiTooltipTrigger` when a flow needs to open or close the composed tooltip imperatively.
+
+```html
+<ui-tooltip [openDelay]="0">
+  <ng-template uiTooltipContent #saveContent="uiTooltipContent">
+    <span>Saved</span>
+  </ng-template>
+
+  <button
+    ui-button
+    type="button"
+    variant="outline"
+    #saveTrigger="uiTooltipTrigger"
+    [uiTooltipTrigger]="saveContent"
+    (click)="saveTrigger.open()">
+    Save
+  </button>
+</ui-tooltip>
+```
+
+## API reference
+
+### `TooltipComponent`
+
+| Input        | Type                                     | Default    |
+| ------------ | ---------------------------------------- | ---------- |
+| `side`       | `'top' \| 'right' \| 'bottom' \| 'left'` | `'top'`    |
+| `align`      | `'start' \| 'center' \| 'end'`           | `'center'` |
+| `sideOffset` | `number`                                 | `4`        |
+| `openDelay`  | `number`                                 | `150`      |
+| `closeDelay` | `number`                                 | `0`        |
+
+### `TooltipTriggerDirective`
+
+| Input              | Type                                     | Notes                                               |
+| ------------------ | ---------------------------------------- | --------------------------------------------------- |
+| `uiTooltipTrigger` | `TooltipContentDirective`                | Required content template ref for the overlay body. |
+| `side`             | `'top' \| 'right' \| 'bottom' \| 'left'` | Overrides the root side for this trigger.           |
+| `align`            | `'start' \| 'center' \| 'end'`           | Overrides the root alignment for this trigger.      |
+| `sideOffset`       | `number`                                 | Overrides the root offset for this trigger.         |
+| `openDelay`        | `number`                                 | Overrides the root open delay for this trigger.     |
+| `closeDelay`       | `number`                                 | Overrides the root close delay for this trigger.    |
+| `disabled`         | `boolean`                                | Suppresses tooltip opening for the trigger.         |
+
+### `TooltipTriggerDirective` methods
+
+- `open()`: opens the composed tooltip.
+- `close()`: closes the composed tooltip.
+
+### `TooltipContentDirective`
+
+- Applied as `ng-template[uiTooltipContent]`.
+- Supplies the portal content rendered inside the tooltip overlay.
+
+### `TooltipDirective`
+
+| Input                    | Type                      | Notes                                                    |
+| ------------------------ | ------------------------- | -------------------------------------------------------- |
+| `uiTooltip`              | `string`                  | Message rendered inside the Material tooltip overlay.    |
+| `uiTooltipPosition`      | `TooltipPosition`         | `left`, `right`, `above`, `below`, `before`, or `after`. |
+| `uiTooltipDisabled`      | `boolean`                 | Temporarily suppresses tooltip display.                  |
+| `uiTooltipShowDelay`     | `number`                  | Delay in milliseconds before the tooltip opens.          |
+| `uiTooltipHideDelay`     | `number`                  | Delay in milliseconds before the tooltip closes.         |
+| `uiTooltipTouchGestures` | `'auto' \| 'on' \| 'off'` | Controls touch gesture behavior on mobile devices.       |
+
+For the original primitive contract, see the Radix Tooltip API: <https://www.radix-ui.com/primitives/docs/components/tooltip#api-reference>.
+
+## Styling and theming
+
+The composed tooltip applies its visual shell directly on the overlay pane and keeps the stable `ui-tooltip-panel` class hook.
+
+Projected content inherits the library theme tokens, so small layout helpers such as `inline-flex`, gap utilities, and subtle emphasis classes can be used without rebuilding the panel wrapper.
+
+The string directive continues to force the `ui-tooltip-panel` class on the Material tooltip overlay for backward-compatible styling.
+
+## Accessibility
+
+- The composed overlay pane uses `role="tooltip"`.
+- Trigger hosts receive `aria-describedby` while the tooltip is open.
+- Tooltip content should stay supplemental and should not be the only place that important instructions live.
+- Use focusable hosts so keyboard users can reveal the tooltip without relying on hover.
+- Disabled controls still need a focusable wrapper if you expect keyboard users to reach the explanation.
+
+## Keyboard interactions
+
+- Focusing the trigger opens the tooltip after the configured delay.
+- Moving focus away closes it again.
+- Pressing Escape closes the currently open composed tooltip.
+- Native hosts keep their default Enter and Space behavior.
+
+## Angular notes
+
+- Prefer the composition-based surface when you need richer content or closer shadcn parity.
+- Keep the string directive for quick one-line hints or for existing code that already relies on `MatTooltip` semantics.
+- The composed trigger is exported as `uiTooltipTrigger`, so template refs can call `open()` and `close()` directly.
+- For interactive overlay content, use Popover or Hover Card instead of Tooltip.
+
+## Source parity
+
+This Angular version now mirrors the shadcn runtime more closely with an explicit root, trigger, and content surface while preserving a compact Angular convenience directive for minimal text hints.

package/types/edsis-ui-accordion.d.ts

@@ -0,0 +1,51 @@
+import * as _angular_core from '@angular/core';
+
+type AccordionType = 'single' | 'multiple';
+declare abstract class AccordionContextBase {
+    abstract isOpen(value: string): boolean;
+    abstract toggle(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionContextBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AccordionContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class AccordionComponent extends AccordionContextBase {
+    readonly type: _angular_core.InputSignal<AccordionType>;
+    readonly collapsible: _angular_core.InputSignal<boolean>;
+    readonly value: _angular_core.ModelSignal<string | string[] | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    private readonly openSet;
+    isOpen(value: string): boolean;
+    toggle(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "ui-accordion", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+declare class AccordionItemComponent {
+    protected readonly ctx: AccordionContextBase;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly triggerId: string;
+    readonly contentId: string;
+    protected readonly classes: _angular_core.Signal<string>;
+    readonly open: _angular_core.Signal<boolean>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "ui-accordion-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AccordionTriggerComponent {
+    protected readonly item: AccordionItemComponent;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionTriggerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionTriggerComponent, "button[ui-accordion-trigger]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AccordionContentComponent {
+    protected readonly item: AccordionItemComponent;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionContentComponent, "ui-accordion-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AccordionComponent, AccordionContentComponent, AccordionContextBase, AccordionItemComponent, AccordionTriggerComponent };
+export type { AccordionType };

package/types/edsis-ui-alert-dialog.d.ts

@@ -0,0 +1,93 @@
+import * as _angular_core from '@angular/core';
+import { ButtonVariant, ButtonSize } from '@edsis/ui/button';
+
+type AlertDialogSize = 'default' | 'sm';
+
+declare class AlertDialogComponent {
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    readonly showCloseButton: _angular_core.InputSignal<boolean>;
+    readonly closeButtonLabel: _angular_core.InputSignal<string>;
+    readonly labelledBy: _angular_core.InputSignal<string | null>;
+    readonly describedBy: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly contentSize;
+    readonly resolvedSize: _angular_core.Signal<AlertDialogSize>;
+    protected readonly surfaceClasses: _angular_core.Signal<string>;
+    setContentSize(size: AlertDialogSize): void;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogComponent, "ui-alert-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "describedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "openedChange": "openedChange"; }, never, ["*"], true, never>;
+}
+
+declare class AlertDialogContentComponent {
+    readonly size: _angular_core.InputSignal<AlertDialogSize>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly alertDialog;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogContentComponent, "ui-alert-dialog-content", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogHeaderComponent, "ui-alert-dialog-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogTitleComponent, "ui-alert-dialog-title, h2[ui-alert-dialog-title]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogDescriptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogDescriptionComponent, "ui-alert-dialog-description, p[ui-alert-dialog-description]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogMediaComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly alertDialog;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogMediaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogMediaComponent, "ui-alert-dialog-media", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogFooterComponent, "ui-alert-dialog-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogCancelComponent {
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly closeOnClick: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly host;
+    private readonly alertDialog;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly buttonType: _angular_core.Signal<"button" | null>;
+    protected handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogCancelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogCancelComponent, "button[ui-alert-dialog-cancel], a[ui-alert-dialog-cancel]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDialogActionComponent {
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly closeOnClick: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly host;
+    private readonly alertDialog;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly buttonType: _angular_core.Signal<"button" | null>;
+    protected handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialogActionComponent, "button[ui-alert-dialog-action], a[ui-alert-dialog-action]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AlertDialogActionComponent, AlertDialogCancelComponent, AlertDialogComponent, AlertDialogContentComponent, AlertDialogDescriptionComponent, AlertDialogFooterComponent, AlertDialogHeaderComponent, AlertDialogMediaComponent, AlertDialogTitleComponent };
+export type { AlertDialogSize };

package/types/edsis-ui-alert.d.ts

@@ -0,0 +1,37 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AlertVariant = NonNullable<VariantProps<typeof alertVariants>['variant']>;
+
+declare class AlertComponent {
+    readonly variant: _angular_core.InputSignal<AlertVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "ui-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertTitleComponent, "ui-alert-title, h5[ui-alert-title]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertDescriptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDescriptionComponent, "ui-alert-description", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AlertActionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertActionComponent, "ui-alert-action", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AlertActionComponent, AlertComponent, AlertDescriptionComponent, AlertTitleComponent, alertVariants };
+export type { AlertVariant };

package/types/edsis-ui-aspect-ratio.d.ts

@@ -0,0 +1,12 @@
+import * as _angular_core from '@angular/core';
+
+declare class AspectRatioComponent {
+    readonly ratio: _angular_core.InputSignal<number>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly paddingBottom: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AspectRatioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AspectRatioComponent, "ui-aspect-ratio", never, { "ratio": { "alias": "ratio"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AspectRatioComponent };

package/types/edsis-ui-avatar.d.ts

@@ -0,0 +1,51 @@
+import * as _angular_core from '@angular/core';
+
+declare const avatarSizeClasses: {
+    readonly default: "h-10 w-10";
+    readonly sm: "h-8 w-8";
+    readonly lg: "h-12 w-12";
+};
+type AvatarSize = keyof typeof avatarSizeClasses;
+declare class AvatarComponent {
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "ui-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AvatarImageComponent {
+    readonly src: _angular_core.InputSignal<string>;
+    readonly alt: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly failed: _angular_core.WritableSignal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarImageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarImageComponent, "ui-avatar-image", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class AvatarFallbackComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarFallbackComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarFallbackComponent, "ui-avatar-fallback", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AvatarBadgeComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarBadgeComponent, "ui-avatar-badge", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AvatarGroupComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "ui-avatar-group", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class AvatarGroupCountComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupCountComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupCountComponent, "ui-avatar-group-count", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AvatarBadgeComponent, AvatarComponent, AvatarFallbackComponent, AvatarGroupComponent, AvatarGroupCountComponent, AvatarImageComponent };
+export type { AvatarSize };

package/types/edsis-ui-badge.d.ts

@@ -0,0 +1,19 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>['variant']>;
+
+declare class BadgeComponent {
+    readonly variant: _angular_core.InputSignal<BadgeVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ui-badge, [ui-badge]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { BadgeComponent, badgeVariants };
+export type { BadgeVariant };

package/types/edsis-ui-breadcrumb.d.ts

@@ -0,0 +1,46 @@
+import * as _angular_core from '@angular/core';
+
+declare class BreadcrumbComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "ui-breadcrumb, nav[ui-breadcrumb]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbListComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbListComponent, "ol[ui-breadcrumb-list]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbItemComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbItemComponent, "li[ui-breadcrumb-item]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbLinkComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbLinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbLinkComponent, "a[ui-breadcrumb-link]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbPageComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbPageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbPageComponent, "span[ui-breadcrumb-page]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbSeparatorComponent, "li[ui-breadcrumb-separator]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class BreadcrumbEllipsisComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbEllipsisComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbEllipsisComponent, "span[ui-breadcrumb-ellipsis]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { BreadcrumbComponent, BreadcrumbEllipsisComponent, BreadcrumbItemComponent, BreadcrumbLinkComponent, BreadcrumbListComponent, BreadcrumbPageComponent, BreadcrumbSeparatorComponent };

package/types/edsis-ui-button-group.d.ts

@@ -0,0 +1,26 @@
+import * as _angular_core from '@angular/core';
+
+type ButtonGroupOrientation = 'horizontal' | 'vertical';
+declare class ButtonGroupComponent {
+    readonly orientation: _angular_core.InputSignal<ButtonGroupOrientation>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "ui-button-group", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ButtonGroupTextComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupTextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupTextComponent, "ui-button-group-text", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ButtonGroupSeparatorComponent {
+    readonly orientation: _angular_core.InputSignal<ButtonGroupOrientation>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupSeparatorComponent, "ui-button-group-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ButtonGroupComponent, ButtonGroupSeparatorComponent, ButtonGroupTextComponent };
+export type { ButtonGroupOrientation };

package/types/edsis-ui-button.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>['variant']>;
+type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>['size']>;
+
+declare class ButtonComponent {
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "button[ui-button], a[ui-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ButtonComponent, buttonVariants };
+export type { ButtonSize, ButtonVariant };

package/types/edsis-ui-calendar.d.ts

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type CalendarStartView = 'month' | 'year' | 'multi-year';
+type CalendarDateFilter = (date: Date | null) => boolean;
+/**
+ * Inline calendar built on MatCalendar. Requires a date adapter provider in the
+ * consumer app (e.g. `provideNativeDateAdapter()` from `@angular/material/core`).
+ */
+declare class CalendarComponent implements ControlValueAccessor {
+    readonly value: _angular_core.ModelSignal<Date | null>;
+    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly startAt: _angular_core.InputSignal<Date | null>;
+    readonly startView: _angular_core.InputSignal<CalendarStartView>;
+    readonly dateFilter: _angular_core.InputSignal<CalendarDateFilter | null>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly resolvedDateFilter: _angular_core.Signal<CalendarDateFilter | undefined>;
+    private onChangeFn;
+    private onTouchedFn;
+    protected onSelect(d: Date | null): void;
+    writeValue(v: Date | null): void;
+    registerOnChange(fn: (v: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(state: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "ui-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+export { CalendarComponent };
+export type { CalendarDateFilter, CalendarStartView };