@loomui-ng/ui 0.0.0-stage → 0.1.0

package/types/loomui-ng-ui-attachment.d.ts

@@ -0,0 +1,192 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare class UiAttachmentGroup {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAttachmentGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAttachmentGroup, "[uiAttachmentGroup], ui-attachment-group", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const attachmentVariants: (props?: ({
+  size?: "default" | "sm" | "xs" | null | undefined;
+  orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiAttachment {
+  readonly state: import("@angular/core").InputSignal<"idle" | "uploading" | "processing" | "done">;
+  readonly size: import("@angular/core").InputSignal<"default" | "sm" | "xs">;
+  readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAttachment, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAttachment, "[uiAttachment], ui-attachment", never, {
+    "state": {
+      "alias": "state";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const attachmentMediaVariants: (props?: ({
+  variant?: "image" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiAttachmentMedia {
+  readonly variant: import("@angular/core").InputSignal<"image" | "icon">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAttachmentMedia, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAttachmentMedia, "[uiAttachmentMedia], ui-attachment-media", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiAttachmentContent {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAttachmentContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAttachmentContent, "[uiAttachmentContent], ui-attachment-content", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiAttachmentTitle {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAttachmentTitle, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAttachmentTitle, "span[uiAttachmentTitle], ui-attachment-title", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiAttachmentDescription {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAttachmentDescription, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAttachmentDescription, "span[uiAttachmentDescription], ui-attachment-description", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiAttachmentActions {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAttachmentActions, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAttachmentActions, "[uiAttachmentActions], ui-attachment-actions", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const attachmentTriggerClass = "absolute inset-0 z-10 outline-none";
+export declare const UI_ATTACHMENT_GENERATED: readonly [typeof UiAttachmentGroup, typeof UiAttachment, typeof UiAttachmentMedia, typeof UiAttachmentContent, typeof UiAttachmentTitle, typeof UiAttachmentDescription, typeof UiAttachmentActions];
+/**
+ * Overlay link/button that makes the whole attachment clickable (observed on <a target=_blank> and <button aria-haspopup=dialog>):
+ * <a uiAttachmentTrigger href="…" aria-label="Open workspace.png"></a>
+ */
+export declare class UiAttachmentTrigger {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAttachmentTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAttachmentTrigger, "a[uiAttachmentTrigger], button[uiAttachmentTrigger], ui-attachment-trigger", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** Per-attachment action (observed: ghost icon-xs Button, aria-label "Remove <file>" / "Cancel upload"). */
+export declare class UiAttachmentAction {
+  /** Reflected as the `disabled` attribute so it also works on the custom element. */
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAttachmentAction, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAttachmentAction, "button[uiAttachmentAction], ui-attachment-action", never, {
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_ATTACHMENT: readonly [typeof import("@loomui-ng/ui/attachment").UiAttachmentGroup, typeof import("@loomui-ng/ui/attachment").UiAttachment, typeof import("@loomui-ng/ui/attachment").UiAttachmentMedia, typeof import("@loomui-ng/ui/attachment").UiAttachmentContent, typeof import("@loomui-ng/ui/attachment").UiAttachmentTitle, typeof import("@loomui-ng/ui/attachment").UiAttachmentDescription, typeof import("@loomui-ng/ui/attachment").UiAttachmentActions, typeof UiAttachmentTrigger, typeof UiAttachmentAction];

package/types/loomui-ng-ui-avatar.d.ts

@@ -0,0 +1,147 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare class UiAvatarBadge {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAvatarBadge, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAvatarBadge, "[uiAvatarBadge], ui-avatar-badge", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiAvatarGroup {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAvatarGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAvatarGroup, "[uiAvatarGroup], ui-avatar-group", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiAvatarGroupCount {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAvatarGroupCount, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAvatarGroupCount, "[uiAvatarGroupCount], ui-avatar-group-count", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_AVATAR_GENERATED: readonly [typeof UiAvatarBadge, typeof UiAvatarGroup, typeof UiAvatarGroupCount];
+/**
+ * <span uiAvatar size="lg"><img uiAvatarImage src="…" alt="@shadcn" /><span uiAvatarFallback>CN</span></span>
+ * Image load/error state is tracked here so the fallback shows only while the image is not loaded (Radix Avatar behavior).
+ */
+export declare class UiAvatar {
+  readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly status: import("@angular/core").WritableSignal<"loading" | "loaded" | "error">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAvatar, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAvatar, "[uiAvatar], ui-avatar", ["uiAvatar"], {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiAvatarImage {
+  protected readonly avatar: UiAvatar;
+  private readonly el;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAvatarImage, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAvatarImage, "img[uiAvatarImage]", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class UiAvatarFallback {
+  protected readonly avatar: UiAvatar;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAvatarFallback, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiAvatarFallback, "[uiAvatarFallback], ui-avatar-fallback", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** <ui-avatar-image src="/me.png" alt="Me" /> — custom-element form of `<img uiAvatarImage>` (the real <img> lives inside). */
+export declare class UiAvatarImageElement {
+  readonly src: import("@angular/core").InputSignal<string>;
+  readonly alt: import("@angular/core").InputSignal<string>;
+  readonly srcset: import("@angular/core").InputSignal<string>;
+  readonly sizes: import("@angular/core").InputSignal<string>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiAvatarImageElement, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiAvatarImageElement, "ui-avatar-image", never, {
+    "src": {
+      "alias": "src";
+      "required": false;
+      "isSignal": true;
+    };
+    "alt": {
+      "alias": "alt";
+      "required": false;
+      "isSignal": true;
+    };
+    "srcset": {
+      "alias": "srcset";
+      "required": false;
+      "isSignal": true;
+    };
+    "sizes": {
+      "alias": "sizes";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_AVATAR: readonly [typeof UiAvatar, typeof UiAvatarImage, typeof UiAvatarImageElement, typeof UiAvatarFallback, typeof import("@loomui-ng/ui/avatar").UiAvatarBadge, typeof import("@loomui-ng/ui/avatar").UiAvatarGroup, typeof import("@loomui-ng/ui/avatar").UiAvatarGroupCount];

package/types/loomui-ng-ui-badge.d.ts

@@ -0,0 +1,32 @@
+import { VariantProps } from "class-variance-authority";
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+/** Classes copied from live shadcn Badge (docs/behavior-specs/badge.md); pl/pr → ps/pe for RTL. */
+export declare const badgeVariants: (props?: ({
+  variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type BadgeVariants = VariantProps<typeof badgeVariants>;
+/** <span uiBadge variant="secondary">New</span> — also valid on <a>. */
+export declare class UiBadge {
+  readonly variant: import("@angular/core").InputSignal<NonNullable<"default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBadge, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBadge, "[uiBadge], ui-badge", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export type { BadgeVariants };

package/types/loomui-ng-ui-breadcrumb.d.ts

@@ -0,0 +1,118 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare class UiBreadcrumb {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBreadcrumb, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBreadcrumb, "nav[uiBreadcrumb], ui-breadcrumb", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiBreadcrumbList {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBreadcrumbList, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBreadcrumbList, "ol[uiBreadcrumbList], ui-breadcrumb-list", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiBreadcrumbItem {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBreadcrumbItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBreadcrumbItem, "li[uiBreadcrumbItem], ui-breadcrumb-item", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiBreadcrumbLink {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBreadcrumbLink, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBreadcrumbLink, "a[uiBreadcrumbLink], ui-breadcrumb-link", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiBreadcrumbPage {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBreadcrumbPage, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBreadcrumbPage, "span[uiBreadcrumbPage], ui-breadcrumb-page", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_BREADCRUMB_GENERATED: readonly [typeof UiBreadcrumb, typeof UiBreadcrumbList, typeof UiBreadcrumbItem, typeof UiBreadcrumbLink, typeof UiBreadcrumbPage];
+/** <li uiBreadcrumbSeparator></li> — renders a chevron (mirrored in RTL). Pass custom content to replace it. */
+export declare class UiBreadcrumbSeparator {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBreadcrumbSeparator, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiBreadcrumbSeparator, "li[uiBreadcrumbSeparator], ui-breadcrumb-separator", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** <span uiBreadcrumbEllipsis></span> — "…" with an sr-only "More" label. */
+export declare class UiBreadcrumbEllipsis {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBreadcrumbEllipsis, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiBreadcrumbEllipsis, "span[uiBreadcrumbEllipsis], ui-breadcrumb-ellipsis", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_BREADCRUMB: readonly [typeof import("@loomui-ng/ui/breadcrumb").UiBreadcrumb, typeof import("@loomui-ng/ui/breadcrumb").UiBreadcrumbList, typeof import("@loomui-ng/ui/breadcrumb").UiBreadcrumbItem, typeof import("@loomui-ng/ui/breadcrumb").UiBreadcrumbLink, typeof import("@loomui-ng/ui/breadcrumb").UiBreadcrumbPage, typeof UiBreadcrumbSeparator, typeof UiBreadcrumbEllipsis];

package/types/loomui-ng-ui-bubble.d.ts

@@ -0,0 +1,100 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare const bubbleVariants: (props?: ({
+  variant?: "default" | "muted" | "secondary" | "tinted" | "outline" | "destructive" | "ghost" | null | undefined;
+  align?: "end" | "start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiBubble {
+  readonly variant: import("@angular/core").InputSignal<"default" | "muted" | "secondary" | "tinted" | "outline" | "destructive" | "ghost">;
+  readonly align: import("@angular/core").InputSignal<"end" | "start">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBubble, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBubble, "[uiBubble], ui-bubble", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "align": {
+      "alias": "align";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiBubbleContent {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBubbleContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBubbleContent, "[uiBubbleContent], ui-bubble-content", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiBubbleGroup {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBubbleGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBubbleGroup, "[uiBubbleGroup], ui-bubble-group", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const bubbleReactionsVariants: (props?: ({
+  align?: "end" | "start" | null | undefined;
+  side?: "bottom" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiBubbleReactions {
+  readonly align: import("@angular/core").InputSignal<"end" | "start">;
+  readonly side: import("@angular/core").InputSignal<"bottom" | "top">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiBubbleReactions, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiBubbleReactions, "[uiBubbleReactions], ui-bubble-reactions", never, {
+    "align": {
+      "alias": "align";
+      "required": false;
+      "isSignal": true;
+    };
+    "side": {
+      "alias": "side";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_BUBBLE_GENERATED: readonly [typeof UiBubble, typeof UiBubbleContent, typeof UiBubbleGroup, typeof UiBubbleReactions];
+export declare const UI_BUBBLE: readonly [typeof UiBubble, typeof UiBubbleContent, typeof UiBubbleGroup, typeof UiBubbleReactions];

package/types/loomui-ng-ui-button-group.d.ts

@@ -0,0 +1,51 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare const buttonGroupVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiButtonGroup {
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiButtonGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiButtonGroup, "[uiButtonGroup], ui-button-group", never, {
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiButtonGroupSeparator {
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiButtonGroupSeparator, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiButtonGroupSeparator, "[uiButtonGroupSeparator], ui-button-group-separator", never, {
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_BUTTON_GROUP_GENERATED: readonly [typeof UiButtonGroup, typeof UiButtonGroupSeparator];
+export declare const UI_BUTTON_GROUP: readonly [typeof UiButtonGroup, typeof UiButtonGroupSeparator];