@star-ng/ui 0.0.0-stage → 0.2.0

package/types/star-ng-ui-utility.d.ts

@@ -0,0 +1,533 @@
+import * as i0 from "@angular/core";
+import { TemplateRef } from "@angular/core";
+import * as i1 from "@angular/cdk/a11y";
+import { StarMenuItem } from "@star-ng/ui/menu";
+/** Read view of `star-inplace`: `<ng-template starInplaceDisplay>…</ng-template>`. */
+export declare class StarInplaceDisplay {
+  readonly template: TemplateRef<unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarInplaceDisplay, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarInplaceDisplay, "ng-template[starInplaceDisplay]", never, {}, {}, never, never, true, never>;
+}
+/** Edit view of `star-inplace`: `<ng-template starInplaceContent>…</ng-template>`. */
+export declare class StarInplaceContent {
+  readonly template: TemplateRef<unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarInplaceContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarInplaceContent, "ng-template[starInplaceContent]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Inplace (PrimeNG `p-inplace`): shows a value as a button; a click replaces it with the
+ * edit content in the same place. Escape or the close button goes back to the value.
+ *
+ * ```html
+ * <star-inplace ariaLabel="Edit requester" closable>
+ *   <ng-template starInplaceDisplay>{{ name() }}</ng-template>
+ *   <ng-template starInplaceContent><input starInput [(value)]="name" /></ng-template>
+ * </star-inplace>
+ * ```
+ */
+export declare class StarInplace {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  private readonly host;
+  private readonly injector;
+  /** The edit content shows. Two-way. */
+  readonly active: import("@angular/core").ModelSignal<boolean>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Adds a button that goes back to the value. */
+  readonly closable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  protected readonly display: import("@angular/core").Signal<StarInplaceDisplay | undefined>;
+  protected readonly content: import("@angular/core").Signal<StarInplaceContent | undefined>;
+  activate(): void;
+  deactivate(): void;
+  protected onEscape(event: Event): void;
+  private focusAfterRender;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarInplace, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarInplace, "star-inplace", never, {
+    "active": {
+      "alias": "active";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "closable": {
+      "alias": "closable";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "active": "activeChange";
+  }, ["display", "content"], never, true, never>;
+}
+/**
+ * Scroll panel (PrimeNG `p-scrollpanel`): a region with a fixed height and a thin scrollbar
+ * in the StarNG colors. It can take keyboard focus, so a keyboard user can scroll it; give
+ * it a name with `ariaLabel`.
+ *
+ * `<star-scroll-panel height="12rem" ariaLabel="Case narrative">…</star-scroll-panel>`
+ */
+export declare class StarScrollPanel {
+  readonly height: import("@angular/core").InputSignal<string | null>;
+  readonly maxHeight: import("@angular/core").InputSignal<string | null>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarScrollPanel, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarScrollPanel, "star-scroll-panel", never, {
+    "height": {
+      "alias": "height";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxHeight": {
+      "alias": "maxHeight";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/**
+ * Keeps Tab and Shift+Tab inside an element (PrimeNG `pFocusTrap`), on the CDK focus trap.
+ * `star-dialog` and `star-drawer` already trap focus; use this for a custom overlay.
+ *
+ * `<div [starFocusTrap]="open()" autoCapture>…</div>`
+ */
+export declare class StarFocusTrap {
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarFocusTrap, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarFocusTrap, "[starFocusTrap]", never, {}, {}, never, never, true, [{
+    directive: typeof i1.CdkTrapFocus;
+    inputs: {
+      "cdkTrapFocus": "starFocusTrap";
+      "cdkTrapFocusAutoCapture": "autoCapture";
+    };
+    outputs: {};
+  }]>;
+}
+/**
+ * Floating label (PrimeNG `p-floatlabel`): the label sits inside the input and moves above
+ * it when the input has focus or a value. Wrap one text input, textarea or `star-select`.
+ *
+ * `<star-float-label label="Reporter name"><input starInput [(value)]="name" /></star-float-label>`
+ *
+ * The control gets an empty placeholder when it has none (the CSS needs one).
+ *
+ * The label is a real `<label>` around the control, so a click focuses the control and a
+ * screen reader reads the label.
+ */
+export declare class StarFloatLabel {
+  readonly label: import("@angular/core").InputSignal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarFloatLabel, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarFloatLabel, "star-float-label", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/**
+ * Ripple (PrimeNG `pRipple`): a short ink circle from the point of a press. Decoration only;
+ * it does nothing when the user asks for reduced motion.
+ *
+ * `<button class="star-btn star-btn--secondary" starRipple>Save</button>`
+ */
+export declare class StarRipple {
+  private readonly host;
+  protected show(event: PointerEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarRipple, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarRipple, "[starRipple]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Animate on scroll (PrimeNG `pAnimateOnScroll`): the element fades and moves in the first
+ * time it comes into view. Content is visible at once when the user asks for reduced motion
+ * or the browser has no `IntersectionObserver`.
+ *
+ * `<star-card starAnimateOnScroll>…</star-card>`
+ */
+export declare class StarAnimateOnScroll {
+  /** Part of the element that must be in view, 0 to 1. */
+  readonly threshold: import("@angular/core").InputSignal<number>;
+  protected readonly shown: import("@angular/core").WritableSignal<boolean>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarAnimateOnScroll, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<StarAnimateOnScroll, "[starAnimateOnScroll]", never, {
+    "threshold": {
+      "alias": "threshold";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * Image compare (PrimeNG `p-imagecompare`): two images on top of each other with a divider
+ * that the user moves. The divider is a native range input, so arrow keys, Home and End work.
+ *
+ * `<star-image-compare leftSrc="before.png" rightSrc="after.png" leftAlt="Before" rightAlt="After" />`
+ */
+export declare class StarImageCompare {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  protected readonly rangeId: string;
+  readonly leftSrc: import("@angular/core").InputSignal<string>;
+  readonly rightSrc: import("@angular/core").InputSignal<string>;
+  readonly leftAlt: import("@angular/core").InputSignal<string>;
+  readonly rightAlt: import("@angular/core").InputSignal<string>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  /** Divider position: percent of the width that shows the left image. Two-way. */
+  readonly value: import("@angular/core").ModelSignal<number>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarImageCompare, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarImageCompare, "star-image-compare", never, {
+    "leftSrc": {
+      "alias": "leftSrc";
+      "required": true;
+      "isSignal": true;
+    };
+    "rightSrc": {
+      "alias": "rightSrc";
+      "required": true;
+      "isSignal": true;
+    };
+    "leftAlt": {
+      "alias": "leftAlt";
+      "required": false;
+      "isSignal": true;
+    };
+    "rightAlt": {
+      "alias": "rightAlt";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
+export interface StarTerminalEntry {
+  readonly command: string;
+  /** Text printed under the command; `null` while the handler runs. */
+  readonly response: string | null;
+  readonly error?: boolean;
+}
+/** Runs a command and returns the text to print. A thrown error prints its message in red. */
+export type StarTerminalHandler = (command: string) => string | Promise<string>;
+/**
+ * Terminal (PrimeNG `p-terminal`): a text command line. The user types a command, the
+ * `handler` returns the text to print. Up / Down recall earlier commands. The output is a
+ * live log, so a screen reader announces each response.
+ *
+ * `<star-terminal ariaLabel="Diagnostics" prompt="mi $" [handler]="run" welcome="Type help." />`
+ *
+ * The control does not run anything itself and prints the response as plain text.
+ */
+export declare class StarTerminal {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  private readonly injector;
+  protected readonly inputId: string;
+  readonly prompt: import("@angular/core").InputSignal<string>;
+  readonly welcome: import("@angular/core").InputSignal<string | null>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  /** Runs a command. Without a handler the terminal only emits `commandRun`. */
+  readonly handler: import("@angular/core").InputSignal<StarTerminalHandler | null>;
+  readonly commandRun: import("@angular/core").OutputEmitterRef<string>;
+  protected readonly entries: import("@angular/core").WritableSignal<readonly StarTerminalEntry[]>;
+  protected readonly busy: import("@angular/core").WritableSignal<boolean>;
+  private readonly input;
+  private readonly log;
+  /** Position in the command history while the user presses Up / Down (-1 = new line). */
+  private recall;
+  focus(): void;
+  /** Removes all printed lines. */
+  clear(): void;
+  /** Prints a command and its response, as if the user typed it. */
+  run(command: string): Promise<void>;
+  protected onKeydown(event: KeyboardEvent, input: HTMLInputElement): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarTerminal, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarTerminal, "star-terminal", never, {
+    "prompt": {
+      "alias": "prompt";
+      "required": false;
+      "isSignal": true;
+    };
+    "welcome": {
+      "alias": "welcome";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "handler": {
+      "alias": "handler";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "commandRun": "commandRun";
+  }, never, never, true, never>;
+}
+/**
+ * Splitter (PrimeNG `p-splitter`): two panes with a draggable gutter. The gutter is a
+ * `role="separator"` with `aria-valuenow`; Arrow keys resize by 2 %, Home / End by the limits.
+ * In right-to-left the first pane is on the right: Arrow left makes it larger (the gutter moves
+ * left), Arrow right makes it smaller, and a drag measures from the right edge.
+ *
+ * ```html
+ * <star-splitter [(size)]="split" ariaLabel="Resize panes">
+ *   <div starSplitterStart>…</div>
+ *   <div starSplitterEnd>…</div>
+ * </star-splitter>
+ * ```
+ */
+export declare class StarSplitter {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  private readonly host;
+  readonly layout: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  /** Size of the first pane in percent. */
+  readonly size: import("@angular/core").ModelSignal<number>;
+  readonly minSize: import("@angular/core").InputSignal<number>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  private clamp;
+  protected startDrag(event: PointerEvent): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarSplitter, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarSplitter, "star-splitter", never, {
+    "layout": {
+      "alias": "layout";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "minSize": {
+      "alias": "minSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "size": "sizeChange";
+  }, never, ["[starSplitterStart]", "[starSplitterEnd]"], true, never>;
+}
+/**
+ * Speed dial (PrimeNG `p-speeddial`): floating action button that opens a short list of
+ * actions (up, down, left or right). `aria-expanded`, Escape closes, focus moves to the first action.
+ * `<star-speed-dial [items]="quickActions" direction="up" ariaLabel="Quick actions" />`
+ *
+ * `left` and `right` are the physical sides of the screen, as in CSS. `start` and `end` follow the
+ * writing direction (`start` is the left side in LTR and the right side in RTL). The arrow keys
+ * move along the visual direction of the list.
+ */
+export declare class StarSpeedDial {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  protected readonly listId: string;
+  private readonly injector;
+  private readonly host;
+  readonly items: import("@angular/core").InputSignal<readonly StarMenuItem[]>;
+  readonly direction: import("@angular/core").InputSignal<"up" | "down" | "left" | "right" | "start" | "end">;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  /** Icon of the main button. With another icon than the default, the button does not turn. */
+  readonly icon: import("@angular/core").InputSignal<string>;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md">;
+  /** Index of the item that is the current choice (a set of options, for example a theme). */
+  readonly activeIndex: import("@angular/core").InputSignal<number | null>;
+  readonly itemClick: import("@angular/core").OutputEmitterRef<StarMenuItem>;
+  protected readonly defaultIcon = "ph-bold ph-plus";
+  protected readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected toggle(list: HTMLElement): void;
+  close(restoreFocus?: boolean, fab?: HTMLElement): void;
+  /**
+   * Arrow keys along the direction of the list move the focus between the actions (added
+   * to the source control, which only used Tab). Home and End go to the first and last action.
+   */
+  protected onArrow(event: KeyboardEvent): void;
+  protected run(item: StarMenuItem): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarSpeedDial, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarSpeedDial, "star-speed-dial", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "direction": {
+      "alias": "direction";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeIndex": {
+      "alias": "activeIndex";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}
+/**
+ * Dock (PrimeNG `p-dock`): a bar of app shortcuts that magnify on hover and focus.
+ * `<star-dock [items]="apps" ariaLabel="Apps" />`
+ */
+export declare class StarDock {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  readonly items: import("@angular/core").InputSignal<readonly StarMenuItem[]>;
+  /** `left` and `right` are physical; `start` and `end` follow the writing direction. */
+  readonly position: import("@angular/core").InputSignal<"left" | "right" | "start" | "end" | "bottom" | "top">;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly itemClick: import("@angular/core").OutputEmitterRef<StarMenuItem>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarDock, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarDock, "star-dock", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}
+/**
+ * Scroll-to-top button (PrimeNG `p-scrolltop`): appears after `threshold` px of scroll on the
+ * window or a `target` element; smooth scroll unless the user prefers reduced motion.
+ * `<star-scroll-top [threshold]="400" />`
+ */
+export declare class StarScrollTop {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  readonly threshold: import("@angular/core").InputSignal<number>;
+  /** Scroll container; default the window. */
+  readonly target: import("@angular/core").InputSignal<HTMLElement | null>;
+  protected readonly visible: import("@angular/core").WritableSignal<boolean>;
+  constructor();
+  protected toTop(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarScrollTop, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarScrollTop, "star-scroll-top", never, {
+    "threshold": {
+      "alias": "threshold";
+      "required": false;
+      "isSignal": true;
+    };
+    "target": {
+      "alias": "target";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * Block UI (PrimeNG `p-blockui`): while `blocked`, the content is `inert` (no focus, no clicks,
+ * hidden from assistive tech) and shows a busy overlay with a spinner.
+ * `<star-block-ui [blocked]="saving()">…form…</star-block-ui>`
+ */
+export declare class StarBlockUi {
+  readonly blocked: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly message: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarBlockUi, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarBlockUi, "star-block-ui", never, {
+    "blocked": {
+      "alias": "blocked";
+      "required": false;
+      "isSignal": true;
+    };
+    "message": {
+      "alias": "message";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+export interface StarMeterItem {
+  readonly label: string;
+  readonly value: number;
+  /** Phosphor icon class shown in the legend. */
+  readonly icon?: string;
+}
+/**
+ * Meter group (PrimeNG `p-metergroup`): one bar split into parts (fixed series colors, 2px gaps)
+ * with a labelled legend. `role="meter"` per part, so each value is announced.
+ * `<star-meter-group [items]="storage" [max]="100" unit="GB" ariaLabel="Storage" />`
+ */
+export declare class StarMeterGroup {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  readonly items: import("@angular/core").InputSignal<readonly StarMeterItem[]>;
+  /** Full scale; default: the sum of the items. */
+  readonly max: import("@angular/core").InputSignal<number | null>;
+  readonly unit: import("@angular/core").InputSignal<string>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  protected readonly total: import("@angular/core").Signal<number>;
+  protected color(index: number): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarMeterGroup, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarMeterGroup, "star-meter-group", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "unit": {
+      "alias": "unit";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/star-ng-ui.d.ts

@@ -0,0 +1,51 @@
+export * from "@star-ng/ui/accordion";
+export * from "@star-ng/ui/autocomplete";
+export * from "@star-ng/ui/avatar";
+export * from "@star-ng/ui/badge";
+export * from "@star-ng/ui/breadcrumb";
+export * from "@star-ng/ui/button";
+export * from "@star-ng/ui/card";
+export * from "@star-ng/ui/chart";
+export * from "@star-ng/ui/checkbox";
+export * from "@star-ng/ui/core";
+export * from "@star-ng/ui/data-display";
+export * from "@star-ng/ui/date-picker";
+export * from "@star-ng/ui/dialog";
+export * from "@star-ng/ui/drawer";
+export * from "@star-ng/ui/editor";
+export * from "@star-ng/ui/field";
+export * from "@star-ng/ui/file-upload";
+export * from "@star-ng/ui/input-group";
+export * from "@star-ng/ui/input-mask";
+export * from "@star-ng/ui/input-number";
+export * from "@star-ng/ui/input-otp";
+export * from "@star-ng/ui/input-tags";
+export * from "@star-ng/ui/knob";
+export * from "@star-ng/ui/layout";
+export * from "@star-ng/ui/listbox";
+export * from "@star-ng/ui/media";
+export * from "@star-ng/ui/menu";
+export * from "@star-ng/ui/message";
+export * from "@star-ng/ui/paginator";
+export * from "@star-ng/ui/panel";
+export * from "@star-ng/ui/password";
+export * from "@star-ng/ui/popover";
+export * from "@star-ng/ui/progress-bar";
+export * from "@star-ng/ui/radio";
+export * from "@star-ng/ui/rating";
+export * from "@star-ng/ui/select";
+export * from "@star-ng/ui/select-button";
+export * from "@star-ng/ui/skeleton";
+export * from "@star-ng/ui/slider";
+export * from "@star-ng/ui/spinner";
+export * from "@star-ng/ui/stepper";
+export * from "@star-ng/ui/table";
+export * from "@star-ng/ui/tabs";
+export * from "@star-ng/ui/tag";
+export * from "@star-ng/ui/theme";
+export * from "@star-ng/ui/theme-switch";
+export * from "@star-ng/ui/toast";
+export * from "@star-ng/ui/toggle-switch";
+export * from "@star-ng/ui/tooltip";
+export * from "@star-ng/ui/tree";
+export * from "@star-ng/ui/utility";