@loomui-ng/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,485 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+/**
+ * Composable sidebar (shadcn structure): SidebarProvider > Sidebar (+ Inset) with Header/Content/Footer, Groups and Menus.
+ *
+ * <div uiSidebarProvider>
+ *   <aside uiSidebar collapsible="icon">
+ *     <div uiSidebarHeader>…</div>
+ *     <div uiSidebarContent>
+ *       <div uiSidebarGroup>
+ *         <div uiSidebarGroupLabel>Platform</div>
+ *         <ul uiSidebarMenu><li uiSidebarMenuItem><a uiSidebarMenuButton [isActive]="true">Home</a></li></ul>
+ *       </div>
+ *     </div>
+ *     <div uiSidebarRail></div>
+ *   </aside>
+ *   <main uiSidebarInset><button uiSidebarTrigger></button>…</main>
+ * </div>
+ *
+ * Behavior: Ctrl/Cmd+B toggles; below 768px the sidebar renders inside the Sheet (left/right) and the trigger opens it;
+ * `collapsible`: "offcanvas" slides away, "icon" shrinks to an icon rail, "none" is static. State is exposed through
+ * data-state / data-collapsible / data-variant / data-side on the sidebar wrapper (styles key off these via group-data-*).
+ * Deviations: `side` is physical (left/right) as in shadcn, not auto-mirrored in RTL; open state is not persisted in a cookie;
+ * evidence for this component comes from the docs site's own (customised) sidebar, the rest follows shadcn's source (UNKNOWN: exact live DOM).
+ */
+export declare class UiSidebarProvider {
+  readonly open: import("@angular/core").ModelSignal<boolean>;
+  readonly openMobile: import("@angular/core").ModelSignal<boolean>;
+  readonly width: import("@angular/core").InputSignal<string>;
+  readonly shortcut: import("@angular/core").InputSignal<string>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly isMobile: import("@angular/core").WritableSignal<boolean>;
+  readonly state: import("@angular/core").Signal<"expanded" | "collapsed">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  toggle(): void;
+  protected onKey(e: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarProvider, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarProvider, "[uiSidebarProvider], ui-sidebar-provider", ["uiSidebarProvider"], {
+    "open": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "openMobile": {
+      "alias": "openMobile";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "shortcut": {
+      "alias": "shortcut";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "open": "openChange";
+    "openMobile": "openMobileChange";
+  }, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebar {
+  protected readonly provider: UiSidebarProvider;
+  readonly side: import("@angular/core").InputSignal<"left" | "right">;
+  readonly variant: import("@angular/core").InputSignal<"sidebar" | "floating" | "inset">;
+  readonly collapsible: import("@angular/core").InputSignal<"offcanvas" | "icon" | "none">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly hostState: import("@angular/core").Signal<"expanded" | "collapsed">;
+  protected readonly hostCollapsible: import("@angular/core").Signal<"" | "offcanvas" | "icon" | "none">;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  protected readonly staticClasses: import("@angular/core").Signal<string>;
+  private readonly floating;
+  protected readonly gapClasses: import("@angular/core").Signal<string>;
+  protected readonly containerClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSidebar, "[uiSidebar], ui-sidebar", ["uiSidebar"], {
+    "side": {
+      "alias": "side";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "collapsible": {
+      "alias": "collapsible";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarTrigger {
+  protected readonly provider: UiSidebarProvider;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarTrigger, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSidebarTrigger, "button[uiSidebarTrigger], ui-sidebar-trigger", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarRail {
+  protected readonly provider: UiSidebarProvider;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarRail, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarRail, "button[uiSidebarRail], ui-sidebar-rail", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarInset {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarInset, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarInset, "[uiSidebarInset], ui-sidebar-inset", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarHeader {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarHeader, "[uiSidebarHeader], ui-sidebar-header", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarFooter {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarFooter, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarFooter, "[uiSidebarFooter], ui-sidebar-footer", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarContent {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarContent, "[uiSidebarContent], ui-sidebar-content", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarSeparator {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarSeparator, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarSeparator, "[uiSidebarSeparator], ui-sidebar-separator", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarGroup {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarGroup, "[uiSidebarGroup], ui-sidebar-group", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarGroupLabel {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarGroupLabel, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarGroupLabel, "[uiSidebarGroupLabel], ui-sidebar-group-label", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarGroupAction {
+  /** 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<UiSidebarGroupAction, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarGroupAction, "button[uiSidebarGroupAction], ui-sidebar-group-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 class UiSidebarGroupContent {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarGroupContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarGroupContent, "[uiSidebarGroupContent], ui-sidebar-group-content", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarMenu {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarMenu, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarMenu, "ul[uiSidebarMenu], ui-sidebar-menu", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarMenuItem {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarMenuItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarMenuItem, "li[uiSidebarMenuItem], ui-sidebar-menu-item", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarMenuAction {
+  /** 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<UiSidebarMenuAction, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarMenuAction, "button[uiSidebarMenuAction], ui-sidebar-menu-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 class UiSidebarMenuBadge {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarMenuBadge, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarMenuBadge, "[uiSidebarMenuBadge], ui-sidebar-menu-badge", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarMenuSub {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarMenuSub, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarMenuSub, "ul[uiSidebarMenuSub], ui-sidebar-menu-sub", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarMenuSubItem {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarMenuSubItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarMenuSubItem, "li[uiSidebarMenuSubItem], ui-sidebar-menu-sub-item", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const sidebarMenuButtonVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiSidebarMenuButton {
+  /** Reflected as the `disabled` attribute so it also works on the custom element. */
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly provider;
+  readonly isActive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly variant: import("@angular/core").InputSignal<"default" | "outline">;
+  readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg">;
+  /** Shown as native title while the sidebar is collapsed to icons (shadcn shows a Tooltip; deviation, see README). */
+  readonly tooltip: import("@angular/core").InputSignal<string>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly tooltipText: import("@angular/core").Signal<string | null>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarMenuButton, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarMenuButton, "button[uiSidebarMenuButton], a[uiSidebarMenuButton], ui-sidebar-menu-button", never, {
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "isActive": {
+      "alias": "isActive";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltip": {
+      "alias": "tooltip";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSidebarMenuSubButton {
+  readonly isActive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSidebarMenuSubButton, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSidebarMenuSubButton, "a[uiSidebarMenuSubButton], button[uiSidebarMenuSubButton], ui-sidebar-menu-sub-button", never, {
+    "isActive": {
+      "alias": "isActive";
+      "required": false;
+      "isSignal": true;
+    };
+    "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 const UI_SIDEBAR: readonly [typeof UiSidebarProvider, typeof UiSidebar, typeof UiSidebarTrigger, typeof UiSidebarRail, typeof UiSidebarInset, typeof UiSidebarHeader, typeof UiSidebarFooter, typeof UiSidebarContent, typeof UiSidebarSeparator, typeof UiSidebarGroup, typeof UiSidebarGroupLabel, typeof UiSidebarGroupAction, typeof UiSidebarGroupContent, typeof UiSidebarMenu, typeof UiSidebarMenuItem, typeof UiSidebarMenuButton, typeof UiSidebarMenuAction, typeof UiSidebarMenuBadge, typeof UiSidebarMenuSub, typeof UiSidebarMenuSubItem, typeof UiSidebarMenuSubButton];

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

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare class UiSkeleton {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSkeleton, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSkeleton, "[uiSkeleton], ui-skeleton", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_SKELETON_GENERATED: readonly [typeof UiSkeleton];
+export declare const UI_SKELETON: readonly [typeof UiSkeleton];

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

@@ -0,0 +1,103 @@
+import { Directionality } from "@angular/cdk/bidi";
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare const sliderClass = "relative flex touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col w-full";
+export declare const sliderTrackClass = "relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1";
+export declare const sliderRangeClass = "absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full";
+export declare const sliderThumbClass = "relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50";
+export declare const UI_SLIDER_GENERATED: readonly [];
+/**
+ * <span uiSlider [(value)]="v" [min]="0" [max]="100" [step]="1"></span>   v: number[] (one entry per thumb)
+ * Observed (Radix): thumbs are span[role=slider] with aria-valuemin/max/now, aria-orientation, data-orientation, tabindex=0;
+ * root carries dir, data-orientation, aria-disabled, data-disabled. Keys (Radix, not captured live): arrows ±step
+ * (mirrored in RTL), Shift/PageUp/PageDown ±10 steps, Home/End min/max.
+ * Also a ControlValueAccessor: single-thumb sliders read/write a number, multi-thumb ones an array.
+ */
+export declare class UiSlider implements ControlValueAccessor {
+  readonly value: import("@angular/core").ModelSignal<number[]>;
+  readonly min: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly max: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly step: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly dir: Directionality;
+  private readonly el;
+  private readonly cvaDisabled;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected readonly trackClass = "relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1";
+  protected readonly rangeClass = "absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full";
+  protected readonly thumbClass = "relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50";
+  private onChange;
+  protected onTouched: () => void;
+  private dragging;
+  private pct;
+  protected rangeStyle: import("@angular/core").Signal<{
+    'inset-inline-start': string;
+    'inset-inline-end': string;
+    bottom?: undefined;
+    top?: undefined;
+  } | {
+    bottom: string;
+    top: string;
+    'inset-inline-start'?: undefined;
+    'inset-inline-end'?: undefined;
+  }>;
+  protected thumbStyle(v: number): Record<string, string>;
+  private snap;
+  private setAt;
+  private valueFromPointer;
+  protected onPointerDown(e: PointerEvent): void;
+  protected onKeydown(e: KeyboardEvent, index: number): void;
+  writeValue(v: number | number[] | null): void;
+  registerOnChange(fn: (v: number | number[]) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(d: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSlider, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSlider, "span[uiSlider], ui-slider", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_SLIDER: readonly [typeof UiSlider];

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

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+/**
+ * <ui-spinner /> — Observed: <svg role="status" aria-label="Loading" class="lucide lucide-loader-circle size-4 animate-spin">.
+ * Deviation: the svg is rendered inside a `ui-spinner` element (display: contents) because an Angular component cannot be
+ * the svg element itself.
+ */
+export declare class UiSpinner {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSpinner, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSpinner, "ui-spinner", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_SPINNER: readonly [typeof UiSpinner];