@atlasng/design-system 0.0.2

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@atlasng/design-system",
+  "version": "0.0.2",
+  "exports": {
+    ".": {
+      "sass": "./sass/_index.scss",
+      "types": "./types/atlasng-design-system.d.ts",
+      "default": "./fesm2022/atlasng-design-system.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    "./buttons/breadcrumbs": {
+      "types": "./types/atlasng-design-system-buttons-breadcrumbs.d.ts",
+      "default": "./fesm2022/atlasng-design-system-buttons-breadcrumbs.mjs"
+    },
+    "./buttons/help": {
+      "types": "./types/atlasng-design-system-buttons-help.d.ts",
+      "default": "./fesm2022/atlasng-design-system-buttons-help.mjs"
+    },
+    "./buttons/navigation": {
+      "types": "./types/atlasng-design-system-buttons-navigation.d.ts",
+      "default": "./fesm2022/atlasng-design-system-buttons-navigation.mjs"
+    },
+    "./buttons/navigation-toggle": {
+      "types": "./types/atlasng-design-system-buttons-navigation-toggle.d.ts",
+      "default": "./fesm2022/atlasng-design-system-buttons-navigation-toggle.mjs"
+    },
+    "./buttons/social-media": {
+      "types": "./types/atlasng-design-system-buttons-social-media.d.ts",
+      "default": "./fesm2022/atlasng-design-system-buttons-social-media.mjs"
+    },
+    "./cookie-banner": {
+      "types": "./types/atlasng-design-system-cookie-banner.d.ts",
+      "default": "./fesm2022/atlasng-design-system-cookie-banner.mjs"
+    },
+    "./indicators/end-of-results": {
+      "types": "./types/atlasng-design-system-indicators-end-of-results.d.ts",
+      "default": "./fesm2022/atlasng-design-system-indicators-end-of-results.mjs"
+    },
+    "./indicators/no-results": {
+      "types": "./types/atlasng-design-system-indicators-no-results.d.ts",
+      "default": "./fesm2022/atlasng-design-system-indicators-no-results.mjs"
+    },
+    "./indicators/results": {
+      "types": "./types/atlasng-design-system-indicators-results.d.ts",
+      "default": "./fesm2022/atlasng-design-system-indicators-results.mjs"
+    },
+    "./text-link": {
+      "types": "./types/atlasng-design-system-text-link.d.ts",
+      "default": "./fesm2022/atlasng-design-system-text-link.mjs"
+    }
+  },
+  "peerDependencies": {
+    "@angular/cdk": "^21.2.6",
+    "@angular/common": "^21.2.6",
+    "@angular/core": "^21.2.6",
+    "@angular/material": "^21.2.6",
+    "@atlasng/analytics": "^0.0.2",
+    "@atlasng/common": "^0.0.2",
+    "@atlasng/core": "^0.0.2"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/atlasng-design-system.mjs",
+  "typings": "types/atlasng-design-system.d.ts",
+  "type": "module",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/sass/_index.scss

@@ -0,0 +1,3 @@
+// Mixins (and variables) for applying AtlasNG defaults to Angular Material components
+// in cases where we use different tokens than the Material defaults.
+@forward './mat-defaults' as mat-*;

package/sass/_mat-defaults.scss

@@ -0,0 +1,27 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use './internal/sass-utils';
+@use './internal/token-utils';
+
+$button-defaults: (
+  outlined-label-text-color: token-utils.sys-slot(on-surface-variant),
+  outlined-ripple-color: sass-utils.color-with-opacity(
+      token-utils.sys-token(on-surface-variant),
+      token-utils.sys-token(pressed-state-layer-opacity)
+    ),
+  outlined-state-layer-color: token-utils.sys-slot(on-surface-variant),
+  text-label-text-color: token-utils.sys-slot(on-primary-container),
+  text-ripple-color: sass-utils.color-with-opacity(
+      token-utils.sys-token(on-primary-container),
+      token-utils.sys-token(pressed-state-layer-opacity)
+    ),
+  text-state-layer-color: token-utils.sys-slot(on-primary-container),
+);
+
+@mixin button-defaults {
+  @include mat.button-overrides($button-defaults);
+}
+
+@mixin all-defaults {
+  @include button-defaults;
+}

package/sass/internal/_breakpoints.scss

@@ -0,0 +1,150 @@
+@use 'sass:list';
+@use 'sass:map';
+@use 'sass:meta';
+
+$_breakpoint-min: 0px;
+$_breakpoint-max: 1000000px;
+$_breakpoint-keywords: ('boundary');
+$_breakpoint-boundary-modes: ('open', 'open-start', 'open-end', 'closed');
+
+$breakpoints: (
+  x-small: (
+    $_breakpoint-min,
+    599.98px,
+  ),
+  small: (
+    600px,
+    959.98px,
+  ),
+  medium: (
+    960px,
+    1279.98px,
+  ),
+  large: (
+    1280px,
+    1919.98px,
+  ),
+  x-large: (
+    1920px,
+    $_breakpoint-max,
+  ),
+);
+
+// Create a media query for the given breakpoint(s) and boundary mode (default: 'closed').
+@mixin breakpoint($breakpoint, $args...) {
+  $keywords: meta.keywords($args);
+  $invalid-keywords: map.remove($keywords, $_breakpoint-keywords...);
+  $breakpoint-keys: list.join(($breakpoint), $args);
+  $boundary-mode: map.get($keywords, 'boundary') or 'closed';
+
+  @if list.length($invalid-keywords) != 0 {
+    @error 'Invalid keyword arguments: #{map.keys($invalid-keywords)}.';
+  }
+
+  @if not list.index($_breakpoint-boundary-modes, $boundary-mode) {
+    @error 'Invalid boundary mode: #{$boundary-mode}. Valid boundary modes are: #{$_breakpoint-boundary-modes}.';
+  }
+
+  @each $key in $breakpoint-keys {
+    @if not map.has-key($breakpoints, $key) {
+      @error 'Invalid breakpoint: #{$key}. Valid breakpoints are: #{map.keys($breakpoints)}.';
+    }
+  }
+
+  $ranges: _select-ranges($breakpoint-keys);
+  $ranges: _merge-adjacent-ranges($ranges);
+  $ranges: _trim-boundaries($ranges, $boundary-mode);
+  $queries: ();
+  @each $range in $ranges {
+    $queries: list.append($queries, _range-to-query($range), $separator: comma);
+  }
+
+  @if list.length($queries) != 0 {
+    @media #{$queries} {
+      @content;
+    }
+  } @else {
+    @warn 'Breakpoints cover the entire range of possible widths. This is likely a mistake, please check the specified breakpoints and boundary mode.';
+    @content;
+  }
+}
+
+@function _select-ranges($keys) {
+  $ranges: ();
+  @each $key, $range in $breakpoints {
+    @if list.index($keys, $key) {
+      $ranges: list.append($ranges, $range);
+    }
+  }
+
+  @return $ranges;
+}
+
+@function _merge-adjacent-ranges($ranges, $tolerance: 1px) {
+  $merged: ();
+  $current: null;
+  @each $range in $ranges {
+    @if $current == null {
+      $current: $range;
+    } @else {
+      $currentMax: list.nth($current, 2);
+      $min: list.nth($range, 1);
+      $max: list.nth($range, 2);
+      $diff: $min - $currentMax;
+
+      @if $diff <= $tolerance {
+        $current: list.set-nth($current, 2, $max);
+      } @else {
+        $merged: list.append($merged, $current);
+        $current: $range;
+      }
+    }
+  }
+
+  @if $current != null {
+    $merged: list.append($merged, $current);
+  }
+
+  @return $merged;
+}
+
+@function _trim-boundaries($ranges, $boundary-mode) {
+  $length: list.length($ranges);
+  $first: list.nth($ranges, 1);
+  $last: list.nth($ranges, $length);
+
+  @if list.index(('open', 'open-start'), $boundary-mode) or list.nth($first, 1) == $_breakpoint-min {
+    $first: list.set-nth($first, 1, null);
+  }
+
+  @if list.index(('open', 'open-end'), $boundary-mode) or list.nth($last, 2) == $_breakpoint-max {
+    $last: list.set-nth($last, 2, null);
+  }
+
+  @if $length == 1 {
+    $min: list.nth($first, 1);
+    $max: list.nth($last, 2);
+    @if $min == null and $max == null {
+      @return ();
+    }
+
+    @return list.append((), ($min, $max));
+  }
+
+  $ranges: list.set-nth($ranges, 1, $first);
+  $ranges: list.set-nth($ranges, $length, $last);
+  @return $ranges;
+}
+
+@function _range-to-query($range) {
+  $min: list.nth($range, 1);
+  $max: list.nth($range, 2);
+
+  @if $min == null {
+    @return '(max-width: #{$max})';
+  } @else if $max == null {
+    @return '(min-width: #{$min})';
+  } @else {
+    @return '(min-width: #{$min}) and (max-width: #{$max})';
+  }
+}

package/sass/internal/_sass-utils.scss

@@ -0,0 +1,45 @@
+@use 'sass:meta';
+@use 'sass:string';
+
+// Apply style to current selector if exists, otherwise apply to root (html)
+@mixin current-selector-or-root($root: html) {
+  @if & {
+    @content;
+  } @else {
+    #{$root} {
+      @content;
+    }
+  }
+}
+
+// Checks if a value is a CSS variable name, e.g. --mat-sys-primary
+@function is-css-var-name($value) {
+  @return meta.type-of($value) == string and string.index($value, '--') == 1;
+}
+
+// Creates a CSS variable with an optional fallback,
+// e.g. create-var(--mat-sys-primary, #fff) => var(--mat-sys-primary, #fff)
+@function create-var($name, $fallback: null) {
+  @if ($fallback) {
+    @return var($name, $fallback);
+  } @else {
+    @return var($name);
+  }
+}
+
+// Creates a color with opacity,
+// e.g. color-with-opacity(--mat-sys-primary, 50%) => color-mix(in srgb, var(--mat-sys-primary) 50%, transparent)
+@function color-with-opacity($color, $opacity) {
+  @if (is-css-var-name($color)) {
+    $color: var($color);
+  }
+
+  @if (is-css-var-name($opacity)) {
+    $opacity: 'calc(var(#{$opacity}) * 100%)';
+  } @else if (meta.type-of($opacity) == number and $opacity < 1) {
+    @warn 'Opacity value #{$opacity} is less than 1. Prefer using a percentage (e.g. "50%").';
+    $opacity: '#{$opacity * 100}%';
+  }
+
+  @return color-mix(in srgb, #{$color} #{$opacity}, transparent);
+}

package/sass/internal/_token-utils.scss

@@ -0,0 +1,59 @@
+@use 'sass:map';
+@use 'sass:meta';
+@use './sass-utils';
+
+// Returns an angular material system token as a CSS variable name, e.g. sys-token(primary) => --mat-sys-primary
+@function sys-token($token) {
+  // TODO: Validate token exists in angular material tokens
+  @return --mat-sys-#{$token};
+}
+
+// Returns an angular material system token as a CSS variable,
+// e.g. sys-slot(primary) => var(--mat-sys-primary)
+@function sys-slot($token, $fallback: null) {
+  @return sass-utils.create-var(sys-token($token), $fallback);
+}
+
+// Returns a CSS variable name for a given token and namespace,
+// e.g. token(primary, button) => --atlasng-button-primary
+@function token($token, $namespace-or-config) {
+  $namespace: $namespace-or-config;
+  @if meta.type-of($namespace-or-config) == 'map' {
+    $namespace: map.get($namespace-or-config, namespace);
+  }
+
+  @return --ang-#{$namespace}-#{$token};
+}
+
+// Returns a CSS variable for a given token and namespace,
+// e.g. slot(primary, button) => var(--atlasng-button-primary, var(--mat-sys-primary))
+@function slot($token, $tokens-config, $fallback: null) {
+  $tokens: map.get($tokens-config, tokens);
+  @if not map.has-key($tokens, $token) {
+    @error "Token '#{$token}' does not exist. Configured tokens are: #{map.keys($tokens)}";
+  }
+
+  $sys-fallback: map.get($tokens, $token);
+  @if (sass-utils.is-css-var-name($sys-fallback)) {
+    $sys-fallback: sass-utils.create-var($sys-fallback, $fallback);
+  }
+
+  @return sass-utils.create-var(token($token, $tokens-config), $sys-fallback);
+}
+
+// Mixin to apply a map of token overrides as CSS variables to the current selector.
+@mixin apply-overrides($overrides, $tokens-config) {
+  $tokens: map.get($tokens-config, tokens);
+
+  @include sass-utils.current-selector-or-root() {
+    @each $token, $value in $overrides {
+      @if not map.has-key($tokens, $token) {
+        @error "Token '#{$token}' does not exist. Configured tokens are: #{map.keys($tokens)}";
+      }
+
+      @if $value != null {
+        #{token($token, $tokens-config)}: #{$value};
+      }
+    }
+  }
+}

package/types/atlasng-design-system-buttons-breadcrumbs.d.ts

@@ -0,0 +1,20 @@
+import * as _angular_core from '@angular/core';
+import { AnyLinkCommand } from '@atlasng/common';
+
+/** Breadcrumb item */
+interface BreadcrumbItem {
+    /** Name of item */
+    name: string;
+    /** Command to execute when the breadcrumb is clicked */
+    command?: AnyLinkCommand;
+}
+declare class Breadcrumbs {
+    /** Crumbs to display */
+    readonly items: _angular_core.InputSignal<BreadcrumbItem[]>;
+    /** Separator to display between crumbs */
+    readonly separator: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumbs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Breadcrumbs, "ang-breadcrumbs", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { Breadcrumbs };

package/types/atlasng-design-system-buttons-help.d.ts

@@ -0,0 +1,17 @@
+import * as _angular_core from '@angular/core';
+import { MatMenuPanel } from '@angular/material/menu';
+import { AnyLinkCommand } from '@atlasng/common';
+
+/**
+ * Display a help icon button that either opens a menu or a link in a new tab.
+ */
+declare class HelpButton {
+    /** Optional menu attached to the help button trigger. */
+    readonly menu: _angular_core.InputSignal<MatMenuPanel<unknown> | undefined>;
+    /** Optional destination used when the help button acts as a link. */
+    readonly link: _angular_core.InputSignal<AnyLinkCommand>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HelpButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HelpButton, "ang-help-button", never, { "menu": { "alias": "menu"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { HelpButton };

package/types/atlasng-design-system-buttons-navigation-toggle.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+declare class NavigationToggle {
+    /** Whether the button is currently selected */
+    readonly selected: i0.ModelSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationToggle, "ang-navigation-toggle", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, never, ["*"], true, never>;
+}
+
+export { NavigationToggle };

package/types/atlasng-design-system-buttons-navigation.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from '@angular/core';
+import { AnyLinkCommand } from '@atlasng/common';
+
+declare class NavigationButton {
+    /** The link to navigate to */
+    readonly link: i0.InputSignal<AnyLinkCommand>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationButton, "ang-navigation-button", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { NavigationButton };

package/types/atlasng-design-system-buttons-social-media.d.ts

@@ -0,0 +1,54 @@
+import * as _angular_core from '@angular/core';
+import { Provider } from '@angular/core';
+
+/**
+ * Definition for a single social media button.
+ *
+ * Rendering supports two icon strategies:
+ * - Set `icon` to render a `mat-icon` using `[svgIcon]`.
+ * - Omit `icon` and set `classes` so CSS can apply a mask icon
+ *   (for example one of the built-in class names).
+ */
+interface SocialMediaButtonDef {
+    /** Key used for `id`-based lookup. */
+    id: string;
+    /** Accessible label for the anchor button. */
+    label: string;
+    /** Destination URL for the external social media link. */
+    url: string;
+    /** CSS classes applied to the icon element. Can be used to create a mask icon instead of an SVG icon. */
+    classes?: string | string[];
+    /** Svg icon name registered with `MatIconRegistry` to render within the button. */
+    icon?: string;
+}
+/**
+ * Registers custom button definitions for `id`-based resolution.
+ *
+ * @param defs Array of button definitions to register.
+ * @return Provider to include in the application module or component providers.
+ */
+declare function provideSocialMediaButtons(defs: SocialMediaButtonDef[]): Provider;
+declare class SocialMediaButton {
+    /** Identifier used to resolve a definition from injected or built-in sets. */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    /** Explicit definition with precedence over any `id`-based resolution. */
+    readonly def: _angular_core.InputSignal<SocialMediaButtonDef | undefined>;
+    /** Resolved definition from either `def` input or `id` lookup. */
+    protected readonly resolvedDef: _angular_core.Signal<SocialMediaButtonDef>;
+    /** Optional custom definitions provided via dependency injection. */
+    private readonly defs;
+    /**
+     * Yields candidate definitions in precedence order:
+     * 1) explicit `def` input
+     * 2) injected definition matching `id`
+     * 3) built-in definition matching `id`
+     *
+     * In dev mode, missing inputs or unresolved `id` will throw.
+     */
+    private getDefCandidates;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SocialMediaButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SocialMediaButton, "ang-social-media-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "def": { "alias": "def"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SocialMediaButton, provideSocialMediaButtons };
+export type { SocialMediaButtonDef };

package/types/atlasng-design-system-cookie-banner.d.ts

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { OutputEmitterRef } from '@angular/core';
+import { AnyLinkCommand } from '@atlasng/common';
+
+/**
+ * Marks projected logo content inside the cookie banner.
+ */
+declare class CookieBannerLogo {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CookieBannerLogo, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CookieBannerLogo, "ang-cookie-banner-logo, [angCookieBannerLogo]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Marks projected title content and guarantees it has an id for aria labelling.
+ */
+declare class CookieBannerTitle {
+    /**
+     * Id used for accessibility. Generates a default id if not provided.
+     */
+    readonly id: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CookieBannerTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CookieBannerTitle, "ang-cookie-banner-title, [angCookieBannerTitle]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Marks projected description content inside the cookie banner.
+ */
+declare class CookieBannerDescription {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CookieBannerDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CookieBannerDescription, "ang-cookie-banner-description, [angCookieBannerDescription]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Marks a projected action element and optionally closes the banner when clicked.
+ */
+declare class CookieBannerAction {
+    /**
+     * When true, this action requests closing the banner after click.
+     */
+    readonly closeOnClick: i0.InputSignal<boolean>;
+    /** Reference to the parent cookie banner. */
+    private readonly banner;
+    /**
+     * Closes the parent banner only when both action-level and banner-level
+     * closeOnClick settings are enabled.
+     */
+    protected handleClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CookieBannerAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CookieBannerAction, "ang-cookie-banner-action, [angCookieBannerAction]", never, { "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Cookie consent banner.
+ *
+ * Supports projected title/description/action content, emits user intent events,
+ * and can auto-close when users activate action buttons.
+ */
+declare class CookieBanner {
+    /**
+     * Controls whether the banner is visible.
+     */
+    readonly opened: i0.ModelSignal<boolean>;
+    /**
+     * Optional privacy policy link configuration.
+     */
+    readonly privacyPolicy: i0.InputSignal<AnyLinkCommand>;
+    /**
+     * Global close behavior for built-in click handlers.
+     */
+    readonly closeOnClick: i0.InputSignal<boolean>;
+    /** Emits when the user accepts all cookies. */
+    readonly allowAll: OutputEmitterRef<void>;
+    /** Emits when the user accepts only necessary cookies. */
+    readonly allowNecessary: OutputEmitterRef<void>;
+    /** Emits when the user chooses to customize cookie settings. */
+    readonly customize: OutputEmitterRef<void>;
+    /**
+     * Id used by aria-labelledby. Falls back to a generated id if no title directive is projected.
+     */
+    protected readonly titleId: i0.Signal<string>;
+    /** Reference to the projected title directive. */
+    private readonly titleDir;
+    /** Reference to the id generator. */
+    private readonly idGenerator;
+    /** Renderer used to update host/container classes and inline CSS variables. */
+    private readonly renderer;
+    /**
+     * External element that receives spacing and animation classes.
+     * Falls back to document body when no explicit container directive is projected.
+     */
+    private readonly containerEl;
+    /** Native host element of this banner instance. */
+    private readonly el;
+    /** Current measured banner block size in pixels. */
+    private readonly height;
+    /** Initializes the cookie banner. */
+    constructor();
+    /**
+     * Open the banner.
+     */
+    open(): void;
+    /**
+     * Close the banner.
+     */
+    close(): void;
+    /**
+     * Emits the selected action and closes the banner when closeOnClick is enabled.
+     *
+     * @param ref Emitter associated with the selected banner action.
+     */
+    protected handleClick(ref: OutputEmitterRef<void>): void;
+    /**
+     * Handles the end of an animation event.
+     *
+     * @param event The animation event.
+     */
+    protected handleAnimationEnd(event: AnimationEvent): void;
+    /**
+     * Registers container-level classes/styles and ensures they are removed on destroy.
+     */
+    private initializeContainer;
+    /**
+     * Observes host size changes and updates the container spacing CSS variable.
+     */
+    private monitorHeight;
+    /**
+     * Applies open/closed animation classes to both container and host elements.
+     *
+     * @param classes Animation class token to apply.
+     */
+    private setAnimationClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CookieBanner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CookieBanner, "ang-cookie-banner", never, { "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "privacyPolicy": { "alias": "privacyPolicy"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; }, { "opened": "openedChange"; "allowAll": "allowAll"; "allowNecessary": "allowNecessary"; "customize": "customize"; }, ["titleDir"], ["ang-cookie-banner-logo, [angCookieBannerLogo]", "ang-cookie-banner-title, [angCookieBannerTitle]", "*", "ang-cookie-banner-action, [angCookieBannerAction]"], true, never>;
+}
+
+export { CookieBanner, CookieBannerAction, CookieBannerDescription, CookieBannerLogo, CookieBannerTitle };

package/types/atlasng-design-system-indicators-end-of-results.d.ts

@@ -0,0 +1,17 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * End of Results Indicator Component
+ */
+declare class EndOfResultsIndicator {
+    /** Label text placed before the results count */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Description placed after the results count in it's own text box */
+    readonly description: _angular_core.InputSignal<string>;
+    /** Number of results */
+    readonly count: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EndOfResultsIndicator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EndOfResultsIndicator, "ang-end-of-results-indicator", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { EndOfResultsIndicator };

package/types/atlasng-design-system-indicators-no-results.d.ts

@@ -0,0 +1,20 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * Empty-state indicator shown when a results list has no matches.
+ *
+ * The component renders a short message and a clear action that
+ * consumers can wire to reset search or filter state.
+ */
+declare class NoResultsIndicator {
+    /** Message shown above the action button. */
+    readonly description: _angular_core.InputSignal<string>;
+    /** Button label used for the clear action. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Emitted when the action button is clicked. */
+    readonly clearClick: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NoResultsIndicator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NoResultsIndicator, "ang-no-results-indicator", never, { "description": { "alias": "description"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "clearClick": "clearClick"; }, never, never, true, never>;
+}
+
+export { NoResultsIndicator };