@tedi-design-system/angular 6.5.0-rc.10 → 6.5.0-rc.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "6.5.0-rc.10",
+  "version": "6.5.0-rc.12",
   "type": "module",
   "main": "community.mjs",
   "module": "fesm2022/tedi-design-system-angular.mjs",

package/tedi/index.d.ts

@@ -112,13 +112,35 @@ declare class ButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "[tedi-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof BaseButtonDirective; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * Interactive wrapper around a `tedi-card`. Apply to an anchor (with `href`
+ * or `routerLink`) for navigation or to a button for actions — the host
+ * element provides the interaction semantics and applies the hover, active,
+ * focus and disabled states to the card and its blocks inside.
+ *
+ * Only a projected `tedi-card` is rendered — other content is ignored. The
+ * card may use any card sub-components (content, rows, icon cells). Do not
+ * place other interactive elements inside.
+ */
+declare class CardButtonComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardButtonComponent, "a[tedi-card-button], button[tedi-card-button]", never, {}, {}, never, ["tedi-card"], true, never>;
+}
+
+/**
+ * Grid breakpoints in `rem`, mirroring `$grid-breakpoints` in
+ * `@tedi-design-system/core`. `rem` is used (instead of `px`) so breakpoints
+ * resolve against the browser's base font size and scale with the user's font
+ * preference — keeping these JS breakpoints aligned with the rem-based CSS
+ * tokens at any zoom / font-size setting.
+ */
 declare const BREAKPOINTS: {
     readonly xs: 0;
-    readonly sm: 576;
-    readonly md: 768;
-    readonly lg: 992;
-    readonly xl: 1200;
-    readonly xxl: 1400;
+    readonly sm: 36;
+    readonly md: 48;
+    readonly lg: 62;
+    readonly xl: 75;
+    readonly xxl: 87.5;
 };
 type Breakpoint = keyof typeof BREAKPOINTS;
 type BreakpointInputs<TInputs> = {
@@ -374,6 +396,13 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "file-attachment.uploading": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "modal.close": {
         description: string;
         components: string[];
@@ -1775,14 +1804,228 @@ declare class ClosingButtonComponent {
      * @default 24
      */
     iconSize: _angular_core.InputSignal<ClosingButtonIconSize>;
+    /**
+     * Material Symbols icon rendered inside the button. Override for other
+     * closing-like actions such as delete/remove (e.g. `delete`). When
+     * overriding, also provide a matching `ariaLabel` — the default label
+     * is "close".
+     * @default close
+     */
+    icon: _angular_core.InputSignal<string>;
     /**
      * ARIA label to override default label "close"
      */
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Render the label as a native `title` attribute (browser tooltip on
+     * hover). Set to `false` when the button is wrapped in a `tedi-tooltip`
+     * so the native tooltip does not double the custom one. The `aria-label`
+     * is kept either way.
+     * @default true
+     */
+    showTitle: _angular_core.InputSignalWithTransform<boolean, unknown>;
     private translationService;
     private readonly _defaultLabel;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClosingButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClosingButtonComponent, "button[tedi-closing-button]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClosingButtonComponent, "button[tedi-closing-button]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type CardBorderPlacement = "top" | "left";
+type CardBackground = "primary" | "secondary" | "tertiary" | "accent" | "brand-primary" | "brand-secondary" | "brand-tertiary" | "brand-quaternary" | "danger-primary" | "danger-secondary" | "success-primary" | "success-secondary" | "info-primary" | "info-secondary" | "warning-primary" | "warning-secondary" | "neutral-primary" | "neutral-secondary";
+type CardBorderType = `${CardBorderPlacement}-${CardBackground}` | CardBackground;
+type CardPaddingNumber = 0 | 0.25 | 0.5 | 0.75 | 1 | 1.25 | 1.5 | 2 | 2.5 | 3;
+type CardPadding = CardPaddingNumber | {
+    vertical: CardPaddingNumber;
+    horizontal: CardPaddingNumber;
+} | {
+    top?: CardPaddingNumber;
+    right?: CardPaddingNumber;
+    bottom?: CardPaddingNumber;
+    left?: CardPaddingNumber;
+};
+type CardBorderRadius = false | {
+    top?: boolean;
+    right?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+    topLeft?: boolean;
+    topRight?: boolean;
+    bottomRight?: boolean;
+    bottomLeft?: boolean;
+};
+type CardResolvedCorners = {
+    topLeft: boolean;
+    topRight: boolean;
+    bottomRight: boolean;
+    bottomLeft: boolean;
+};
+declare function getCardBorderPlacementColor(border?: CardBorderType): [CardBorderPlacement | undefined, CardBackground | undefined];
+declare function getPaddingCssVariables(padding: CardPadding): Record<string, string>;
+declare function resolveCardBorderRadius(config?: CardBorderRadius): CardResolvedCorners;
+
+type CardInputs = {
+    background?: CardBackground;
+    padding?: CardPadding;
+    borderRadius?: CardBorderRadius;
+    borderless?: boolean;
+    border?: CardBorderType;
+};
+/**
+ * Card is a container for grouping related content. Compose it from
+ * `tedi-card-header`, `tedi-card-content` and `tedi-card-notification` blocks.
+ * `background` and `padding` set here act as defaults for all child blocks.
+ */
+declare class CardComponent implements BreakpointInputs<CardInputs> {
+    /**
+     * Default background color for child content blocks.
+     */
+    background: _angular_core.InputSignal<CardBackground | undefined>;
+    /**
+     * Default padding for child content blocks.
+     * Value is either a predefined number in rems or an object of
+     * vertical/horizontal or top/right/bottom/left number values in rems.
+     */
+    padding: _angular_core.InputSignal<CardPadding | undefined>;
+    /**
+     * Controls card border radius.
+     * Accepts `false` to remove all radius or an object to control
+     * sides or individual corners. Corner values take precedence over sides.
+     */
+    borderRadius: _angular_core.InputSignal<CardBorderRadius | undefined>;
+    /**
+     * Removes border from card.
+     * @default false
+     */
+    borderless: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Type of border. Plain background value colors the whole border,
+     * `top-` or `left-` prefixed value draws a thick accent border on that side.
+     */
+    border: _angular_core.InputSignal<CardBorderType | undefined>;
+    xs: _angular_core.InputSignal<CardInputs | undefined>;
+    sm: _angular_core.InputSignal<CardInputs | undefined>;
+    md: _angular_core.InputSignal<CardInputs | undefined>;
+    lg: _angular_core.InputSignal<CardInputs | undefined>;
+    xl: _angular_core.InputSignal<CardInputs | undefined>;
+    xxl: _angular_core.InputSignal<CardInputs | undefined>;
+    private breakpointService;
+    breakpointInputs: _angular_core.Signal<CardInputs>;
+    classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "tedi-card", never, { "background": { "alias": "background"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type CardContentInputs = {
+    background?: CardBackground;
+    padding?: CardPadding;
+    backgroundImage?: string;
+    backgroundPosition?: string;
+    backgroundSize?: string;
+    backgroundRepeat?: string;
+    autoWidth?: boolean;
+};
+/**
+ * Content block of a card. Inherits unset `background` and `padding`
+ * from the parent `tedi-card`.
+ */
+declare class CardContentComponent implements BreakpointInputs<CardContentInputs> {
+    /**
+     * Background color.
+     * @default primary
+     */
+    background: _angular_core.InputSignal<CardBackground | undefined>;
+    /**
+     * Content padding.
+     * Value is either a predefined number in rems or an object of
+     * vertical/horizontal or top/right/bottom/left number values in rems.
+     * @default 1
+     */
+    padding: _angular_core.InputSignal<CardPadding | undefined>;
+    /**
+     * Background image url.
+     */
+    backgroundImage: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Background position for the image.
+     */
+    backgroundPosition: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Background size for the image.
+     */
+    backgroundSize: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Background repeat for the image.
+     */
+    backgroundRepeat: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Takes only as much width as its content needs instead of growing.
+     * Useful for icon or date cells inside `tedi-card-row`.
+     * @default false
+     */
+    autoWidth: _angular_core.InputSignal<boolean | undefined>;
+    xs: _angular_core.InputSignal<CardContentInputs | undefined>;
+    sm: _angular_core.InputSignal<CardContentInputs | undefined>;
+    md: _angular_core.InputSignal<CardContentInputs | undefined>;
+    lg: _angular_core.InputSignal<CardContentInputs | undefined>;
+    xl: _angular_core.InputSignal<CardContentInputs | undefined>;
+    xxl: _angular_core.InputSignal<CardContentInputs | undefined>;
+    protected blockClass: string;
+    protected defaultBackground: CardBackground;
+    private breakpointService;
+    private card;
+    breakpointInputs: _angular_core.Signal<CardContentInputs>;
+    classes: _angular_core.Signal<string>;
+    styles: _angular_core.Signal<Record<string, string>>;
+    protected inheritedBackground(): CardBackground | undefined;
+    protected defaultPadding(): CardPadding;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardContentComponent, "tedi-card-content", never, { "background": { "alias": "background"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "backgroundImage": { "alias": "backgroundImage"; "required": false; "isSignal": true; }; "backgroundPosition": { "alias": "backgroundPosition"; "required": false; "isSignal": true; }; "backgroundSize": { "alias": "backgroundSize"; "required": false; "isSignal": true; }; "backgroundRepeat": { "alias": "backgroundRepeat"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type CardIconType = "default" | "brand";
+type CardIconSize = "default" | "small";
+/**
+ * Icon cell for a card row. The projected icon is aligned to the top of the
+ * cell and inherits the cell color. Pair the small size with a 16px icon.
+ */
+declare class CardIconComponent extends CardContentComponent {
+    /**
+     * Visual type of the icon cell.
+     * @default default
+     */
+    type: _angular_core.InputSignal<CardIconType>;
+    /**
+     * Size of the icon cell.
+     * @default default
+     */
+    size: _angular_core.InputSignal<CardIconSize>;
+    protected blockClass: string;
+    protected inheritedBackground(): CardBackground | undefined;
+    protected defaultPadding(): CardPadding;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardIconComponent, "tedi-card-icon", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Lays out card content cells horizontally inside a card.
+ * Place a `tedi-separator` between cells (vertical, `size="auto"`) or
+ * between rows (horizontal) to draw dividers.
+ */
+declare class CardRowComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardRowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardRowComponent, "tedi-card-row", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Header block of a card. Same API as `tedi-card-content`, but defaults to
+ * the brand-primary background and does not inherit background from the card.
+ */
+declare class CardHeaderComponent extends CardContentComponent {
+    protected blockClass: string;
+    protected defaultBackground: CardBackground;
+    protected inheritedBackground(): CardBackground | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeaderComponent, "tedi-card-header", never, {}, {}, never, ["*"], true, never>;
 }
 
 type BulletColor = "primary" | "secondary" | "tertiary" | "brand" | "brand-dark" | "success" | "warning" | "warning-dark" | "danger" | "white";
@@ -5010,6 +5253,174 @@ declare class TimeFieldComponent implements ControlValueAccessor, FormFieldContr
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeFieldComponent, "tedi-time-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "pickerVariant": { "alias": "pickerVariant"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "pickerTrigger": { "alias": "pickerTrigger"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "timeSlots": { "alias": "timeSlots"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "showSlotIndicator": { "alias": "showSlotIndicator"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
+type ProgressBarSize = "default" | "small";
+type ProgressBarLabelPosition = "top" | "horizontal";
+type ProgressBarValuePosition = "horizontal" | "bottom";
+/**
+ * The subset of inputs that can be overridden per breakpoint via the
+ * `xs`–`xxl` inputs. Every field is optional — only the ones you set override
+ * the base value at that breakpoint.
+ */
+type ProgressBarInputs = {
+    /** Overrides {@link ProgressBarComponent.size}. */
+    size?: ProgressBarSize;
+    /** Overrides {@link ProgressBarComponent.labelPosition}. */
+    labelPosition?: ProgressBarLabelPosition;
+    /** Overrides {@link ProgressBarComponent.showValue}. */
+    showValue?: boolean;
+    /** Overrides {@link ProgressBarComponent.valuePosition}. */
+    valuePosition?: ProgressBarValuePosition;
+    /** Overrides {@link ProgressBarComponent.valueLabel}. */
+    valueLabel?: string;
+};
+declare class ProgressBarComponent {
+    /**
+     * Optional id for the underlying `<progress>` element. Useful when an
+     * external `<label for=…>` should bind to it.
+     */
+    progressId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Progress value between 0 and 100. Values are clamped.
+     * @default 0
+     */
+    value: _angular_core.InputSignalWithTransform<number, number>;
+    /**
+     * Size of the bar. `small` renders a 4px bar height instead of the
+     * default 8px.
+     * @default default
+     */
+    size: _angular_core.InputSignal<ProgressBarSize>;
+    /**
+     * Optional title rendered above (default) or to the left of the bar.
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Where to place the label relative to the bar.
+     * Has no effect when `label` is not set.
+     * @default top
+     */
+    labelPosition: _angular_core.InputSignal<ProgressBarLabelPosition>;
+    /**
+     * Render a red `*` after the label to indicate a required field.
+     * Has no effect when `label` is not set.
+     * @default false
+     */
+    required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Show or hide the percentage value.
+     * @default true
+     */
+    showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Where to place the percentage value.
+     * - `horizontal` – next to the bar.
+     * - `bottom` – on the hint row beneath the bar.
+     * @default horizontal
+     */
+    valuePosition: _angular_core.InputSignal<ProgressBarValuePosition>;
+    /**
+     * Override the rendered value text. Defaults to `"{value}%"`.
+     *
+     * Use this when the progress represents something other than a percentage —
+     * e.g. `value=20` with `valueLabel="1/5"` shows the bar at 20% but renders
+     * the label as "1/5". `value` still drives the bar fill; the label is also
+     * exposed to assistive technology via `aria-valuetext`.
+     */
+    valueLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Accessible label for the progress bar. Falls back to `label()` when omitted.
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Overrides applied from the `xs` breakpoint (≥ 0px) and up. */
+    xs: _angular_core.InputSignal<ProgressBarInputs | undefined>;
+    /** Overrides applied from the `sm` breakpoint (≥ 576px) and up. */
+    sm: _angular_core.InputSignal<ProgressBarInputs | undefined>;
+    /** Overrides applied from the `md` breakpoint (≥ 768px) and up. */
+    md: _angular_core.InputSignal<ProgressBarInputs | undefined>;
+    /** Overrides applied from the `lg` breakpoint (≥ 992px) and up. */
+    lg: _angular_core.InputSignal<ProgressBarInputs | undefined>;
+    /** Overrides applied from the `xl` breakpoint (≥ 1200px) and up. */
+    xl: _angular_core.InputSignal<ProgressBarInputs | undefined>;
+    /** Overrides applied from the `xxl` breakpoint (≥ 1400px) and up. */
+    xxl: _angular_core.InputSignal<ProgressBarInputs | undefined>;
+    private breakpointService;
+    protected currentProps: _angular_core.Signal<ProgressBarInputs>;
+    protected formattedValue: _angular_core.Signal<string>;
+    protected accessibleLabel: _angular_core.Signal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "tedi-progress-bar", never, { "progressId": { "alias": "progressId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "valuePosition": { "alias": "valuePosition"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, never, ["tedi-feedback-text"], true, never>;
+}
+
+type AttachmentDirection = "horizontal" | "vertical";
+declare class AttachmentComponent {
+    protected projectedProgress: _angular_core.Signal<ProgressBarComponent | undefined>;
+    private breakpointService;
+    /**
+     * File name to display.
+     */
+    name: _angular_core.InputSignal<string>;
+    /**
+     * Pre-formatted file size string (e.g. `"0.9 MB"`). Consumer formats the
+     * value; the component renders it as-is to the right of the name.
+     */
+    fileSize: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Leading file-type icon shown before the file name. Pass a Material Symbol
+     * name (e.g. `"description"`, `"picture_as_pdf"`, `"imagesmode"`).
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Error feedback message. When set, the attachment switches to its error
+     * visual: red card background, error icon next to the name, and the
+     * message rendered as feedback text below the card. Implies `invalid`.
+     */
+    error: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Mark the attachment as invalid. Switches to the error visual (red card
+     * background, error icon next to the name) but does **not** render any
+     * feedback text below the card. Use when the validation message is
+     * shown elsewhere (e.g. as an aggregate error on the parent control).
+     * Implied automatically when `error` is set.
+     * @default false
+     */
+    invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Content layout direction.
+     * - `horizontal` – name/size and progress sit on a single row beside the
+     *   actions (the default desktop layout).
+     * - `vertical` – name, size and progress stack in a column with the actions
+     *   pinned top-right. Useful in narrow containers (mobile, sidebars).
+     *
+     * When `undefined`, the direction is auto-derived from the viewport: it
+     * switches to `vertical` below the `verticalBelow` breakpoint.
+     */
+    direction: _angular_core.InputSignal<AttachmentDirection | undefined>;
+    /**
+     * Viewport breakpoint below which the layout auto-switches to `vertical`
+     * when `direction` is not set explicitly.
+     * @default "sm"
+     */
+    verticalBelow: _angular_core.InputSignal<"xs" | "sm" | "md" | "lg" | "xl" | "xxl">;
+    private _autoVertical;
+    protected isVertical: _angular_core.Signal<boolean>;
+    protected hasErrorVisual: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AttachmentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AttachmentComponent, "tedi-attachment", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "fileSize": { "alias": "fileSize"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "verticalBelow": { "alias": "verticalBelow"; "required": false; "isSignal": true; }; }, {}, ["projectedProgress"], ["tedi-progress-bar", "tedi-attachment-actions"], true, never>;
+}
+
+declare class AttachmentActionsComponent {
+    /**
+     * Adds a 12px gap between the actions and 8px inline padding to the group.
+     * Enable for labeled (text) buttons, whose neutral variant has no horizontal
+     * padding of its own and would otherwise touch the card edge. Leave off for
+     * icon-only buttons, which sit flush.
+     * @default false
+     */
+    padded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AttachmentActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AttachmentActionsComponent, "tedi-attachment-actions", never, { "padded": { "alias": "padded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 type EmptyStateType = "separate" | "attached" | "inside";
 type EmptyStateSize = "default" | "small";
 /**
@@ -5257,28 +5668,55 @@ declare class SeparatorComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SeparatorComponent, "tedi-separator", never, { "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dotSize": { "alias": "dotSize"; "required": false; "isSignal": true; }; "dotFilled": { "alias": "dotFilled"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Marks content that is pinned to the bottom of a timeline item's timings
+ * column on desktop and rendered after the item content on mobile.
+ *
+ * Usage: `<p *tediTimelineTimingsBottom>Muudetud 08.02.2024</p>`
+ */
+declare class TimelineTimingsBottomDirective {
+    templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineTimingsBottomDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TimelineTimingsBottomDirective, "[tediTimelineTimingsBottom]", never, {}, {}, never, never, true, never>;
+}
+
 type TimelineItemState = "current" | "past" | "future";
 declare class TimelineItemComponent implements OnInit, OnDestroy {
     /** Item timings */
     timings: _angular_core.InputSignal<string[]>;
     timeline: TimelineComponent | null;
+    protected isMobile: _angular_core.Signal<boolean>;
+    protected timingsBottom: _angular_core.Signal<TimelineTimingsBottomDirective | undefined>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     isLast: _angular_core.Signal<boolean>;
     state: _angular_core.Signal<TimelineItemState>;
     color: _angular_core.Signal<SeparatorColor>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineItemComponent, "tedi-timeline-item", never, { "timings": { "alias": "timings"; "required": false; "isSignal": true; }; }, {}, never, ["tedi-timeline-title", "tedi-timeline-description", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineItemComponent, "tedi-timeline-item", never, { "timings": { "alias": "timings"; "required": false; "isSignal": true; }; }, {}, ["timingsBottom"], ["tedi-timeline-title", "tedi-timeline-description", "*"], true, never>;
 }
 
+type TimelineVariant = "default" | "card";
+type TimelineCardPadding = CardPaddingNumber;
 declare class TimelineComponent {
     /** Index of active item */
     activeIndex: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Visual variant. "card" wraps the timeline in the borders and paddings
+     * of a card.
+     * @default default
+     */
+    variant: _angular_core.InputSignal<TimelineVariant>;
+    /**
+     * Item padding in rems for the card variant.
+     * @default 1
+     */
+    cardPadding: _angular_core.InputSignal<CardPaddingNumber | undefined>;
     items: _angular_core.WritableSignal<TimelineItemComponent[]>;
     registerItem(item: TimelineItemComponent): void;
     unregisterItem(item: TimelineItemComponent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent, "tedi-timeline", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent, "tedi-timeline", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "cardPadding": { "alias": "cardPadding"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class TimelineDescriptionComponent {
@@ -5921,6 +6359,16 @@ declare class TooltipTriggerComponent implements AfterContentChecked {
     onFocusOut(): void;
     onEscape(): void;
     ngAfterContentChecked(): void;
+    /**
+     * The element that actually receives focus and ARIA semantics. When the
+     * projected child is itself focusable (a `<button>`/`<a href>`) it is used
+     * directly. When it is a non-focusable wrapper that renders its own
+     * interactive element (e.g. a `tedi-dropdown` projecting a trigger button),
+     * the first focusable descendant is used instead — otherwise focus and the
+     * tooltip description would land on the non-interactive wrapper.
+     */
+    private resolveInteractiveElement;
+    private isFocusable;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipTriggerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipTriggerComponent, "tedi-tooltip-trigger", never, {}, {}, never, ["*"], true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }
@@ -6271,6 +6719,14 @@ declare class HideAtDirective {
     private templateRef;
     private viewContainerRef;
     private breakpointService;
+    private visible;
+    /**
+     * Attribute usage (`hideAt` on a real element) toggles `display` so the
+     * element stays in the DOM and remains eligible for content projection.
+     * Structural usage (`*hideAt`) creates/clears the view instead and leaves
+     * `display` untouched (returns `null`).
+     */
+    protected hostDisplay: _angular_core.Signal<"none" | null>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HideAtDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HideAtDirective, "[hideAt]", never, { "hideAt": { "alias": "hideAt"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -6281,6 +6737,14 @@ declare class ShowAtDirective {
     private templateRef;
     private viewContainerRef;
     private breakpointService;
+    private visible;
+    /**
+     * Attribute usage (`showAt` on a real element) toggles `display` so the
+     * element stays in the DOM and remains eligible for content projection.
+     * Structural usage (`*showAt`) creates/clears the view instead and leaves
+     * `display` untouched (returns `null`).
+     */
+    protected hostDisplay: _angular_core.Signal<"none" | null>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShowAtDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ShowAtDirective, "[showAt]", never, { "showAt": { "alias": "showAt"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -6323,6 +6787,6 @@ declare const TEDI_THEME_DEFAULT_TOKEN: InjectionToken<string>;
 
 declare const TEDI_TRANSLATION_DEFAULT_TOKEN: InjectionToken<Language>;
 
-export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TEDI_FORM_FIELD_CONTROL, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, breakpointInput, calculateArrowOffset, createTablePersistence, generateUUID, getPlacementFromPositionChange, groupRowSpan, injectTediTableContext, provideTedi, toConnectedPositions, usePagination };
-export type { AlertRole, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonSize, ButtonVariant, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderLanguage, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TagEllipsis, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
+export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TEDI_FORM_FIELD_CONTROL, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, breakpointInput, calculateArrowOffset, createTablePersistence, generateUUID, getCardBorderPlacementColor, getPaddingCssVariables, getPlacementFromPositionChange, groupRowSpan, injectTediTableContext, provideTedi, resolveCardBorderRadius, toConnectedPositions, usePagination };
+export type { AlertRole, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonSize, ButtonVariant, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderLanguage, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TagEllipsis, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
 //# sourceMappingURL=index.d.ts.map