@loomui-ng/ui 0.0.0-stage → 0.1.1

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

@@ -0,0 +1,89 @@
+import { UiNativeControl } from "@loomui-ng/ui/utils";
+import * as i0 from "@angular/core";
+export declare const inputClasses = "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40";
+/**
+ * <input uiInput />
+ * Styles a native <input>, so ngModel, reactive forms and signal forms (`[field]`) work unchanged.
+ */
+export declare class UiInput {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiInput, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiInput, "input[uiInput]", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * <ui-input type="email" placeholder="you@example.com" [(ngModel)]="email" />
+ * Custom-element form of `<input uiInput>`: a real input lives inside, so ngModel / reactive forms work.
+ */
+export declare class UiInputElement extends UiNativeControl {
+  readonly type: import("@angular/core").InputSignal<string>;
+  readonly min: import("@angular/core").InputSignal<string | number | null>;
+  readonly max: import("@angular/core").InputSignal<string | number | null>;
+  readonly step: import("@angular/core").InputSignal<string | number | null>;
+  readonly pattern: import("@angular/core").InputSignal<string>;
+  readonly maxlength: import("@angular/core").InputSignal<number | null>;
+  readonly minlength: import("@angular/core").InputSignal<number | null>;
+  readonly accept: import("@angular/core").InputSignal<string>;
+  readonly inputmode: import("@angular/core").InputSignal<string>;
+  readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiInputElement, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiInputElement, "ui-input", never, {
+    "type": {
+      "alias": "type";
+      "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;
+    };
+    "pattern": {
+      "alias": "pattern";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxlength": {
+      "alias": "maxlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "minlength": {
+      "alias": "minlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "accept": {
+      "alias": "accept";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputmode": {
+      "alias": "inputmode";
+      "required": false;
+      "isSignal": true;
+    };
+    "multiple": {
+      "alias": "multiple";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_INPUT: readonly [typeof UiInput, typeof UiInputElement];

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

@@ -0,0 +1,157 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare const itemVariants: (props?: ({
+  variant?: "default" | "outline" | "muted" | null | undefined;
+  size?: "default" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiItem {
+  readonly variant: import("@angular/core").InputSignal<"default" | "outline" | "muted">;
+  readonly size: import("@angular/core").InputSignal<"default" | "sm" | "xs">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiItem, "[uiItem], ui-item", never, {
+    "variant": {
+      "alias": "variant";
+      "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 class UiItemContent {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiItemContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiItemContent, "[uiItemContent], ui-item-content", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiItemTitle {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiItemTitle, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiItemTitle, "[uiItemTitle], ui-item-title", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiItemDescription {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiItemDescription, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiItemDescription, "[uiItemDescription], ui-item-description", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiItemActions {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiItemActions, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiItemActions, "[uiItemActions], ui-item-actions", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const itemMediaVariants: (props?: ({
+  variant?: "default" | "icon" | "image" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiItemMedia {
+  readonly variant: import("@angular/core").InputSignal<"default" | "icon" | "image">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiItemMedia, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiItemMedia, "[uiItemMedia], ui-item-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 UiItemGroup {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiItemGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiItemGroup, "[uiItemGroup], ui-item-group", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiItemHeader {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiItemHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiItemHeader, "[uiItemHeader], ui-item-header", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_ITEM_GENERATED: readonly [typeof UiItem, typeof UiItemContent, typeof UiItemTitle, typeof UiItemDescription, typeof UiItemActions, typeof UiItemMedia, typeof UiItemGroup, typeof UiItemHeader];
+export declare const UI_ITEM: readonly [typeof UiItem, typeof UiItemContent, typeof UiItemTitle, typeof UiItemDescription, typeof UiItemActions, typeof UiItemMedia, typeof UiItemGroup, typeof UiItemHeader];

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

@@ -0,0 +1,36 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare class UiKbd {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiKbd, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiKbd, "kbd[uiKbd], ui-kbd", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiKbdGroup {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiKbdGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiKbdGroup, "kbd[uiKbdGroup], ui-kbd-group", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_KBD_GENERATED: readonly [typeof UiKbd, typeof UiKbdGroup];
+export declare const UI_KBD: readonly [typeof UiKbd, typeof UiKbdGroup];

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

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+/** <label uiLabel for="email">Email</label> */
+export declare class UiLabel {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiLabel, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiLabel, "label[uiLabel], ui-label", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}

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

@@ -0,0 +1,61 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare const markerVariants: (props?: ({
+  variant?: "default" | "separator" | "border" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiMarker {
+  readonly variant: import("@angular/core").InputSignal<"default" | "separator" | "border">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMarker, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMarker, "[uiMarker], ui-marker", 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 UiMarkerIcon {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMarkerIcon, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMarkerIcon, "span[uiMarkerIcon], ui-marker-icon", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMarkerContent {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMarkerContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMarkerContent, "span[uiMarkerContent], ui-marker-content", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_MARKER_GENERATED: readonly [typeof UiMarker, typeof UiMarkerIcon, typeof UiMarkerContent];
+export declare const UI_MARKER: readonly [typeof UiMarker, typeof UiMarkerIcon, typeof UiMarkerContent];