@atelier-ui/angular 0.0.12 → 0.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atelier-ui/angular",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Atelier UI component library for Angular — LLM-optimised, accessible, design-token-driven",
   "keywords": [
     "angular",
@@ -22,10 +22,6 @@
     "@angular/common": "^21.0.0",
     "@angular/forms": "^21.0.0"
   },
-  "dependencies": {
-    "@atelier-ui/spec": "0.0.12",
-    "tslib": "^2.3.0"
-  },
   "module": "fesm2022/atelier-ui-angular.mjs",
   "typings": "types/atelier-ui-angular.d.ts",
   "exports": {
@@ -37,5 +33,8 @@
       "default": "./fesm2022/atelier-ui-angular.mjs"
     }
   },
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/atelier-ui-angular.d.ts

@@ -1,12 +1,29 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, WritableSignal, Signal, OnInit, OnDestroy, ElementRef } from '@angular/core';
-import { LlmButtonVariant, LlmButtonSize, LlmComboboxOption } from '@atelier-ui/spec';
 import { FormValueControl, WithOptionalFieldTree, ValidationError, FormCheckboxControl } from '@angular/forms/signals';
 import { FocusableOption } from '@angular/cdk/a11y';
 import * as _atelier_ui_angular from '@atelier-ui/angular';
 import * as i1 from '@angular/cdk/accordion';
 import * as i1$1 from '@angular/cdk/menu';
 
+/**
+ * @atelier-ui/spec
+ *
+ * Framework-agnostic TypeScript interfaces defining the public API contract
+ * for every llm-components component. Both the Angular and React libraries
+ * import from here so the compiler enforces parity.
+ *
+ * Angular: use the union types as `input<T>()` type parameters.
+ * React: extend the spec interface from the framework-specific props interface.
+ */
+type LlmButtonVariant = 'primary' | 'secondary' | 'outline';
+type LlmButtonSize = 'sm' | 'md' | 'lg';
+interface LlmComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+
 /**
  * Accessible button component with visual variants and sizes.
  *
@@ -1140,7 +1157,7 @@ declare class LlmAvatar {
     /** Full name used to generate initials fallback and default aria-label. */
     readonly name: _angular_core.InputSignal<string>;
     /** Size of the avatar. */
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "xs">;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xs" | "xl">;
     /** Shape of the avatar. */
     readonly shape: _angular_core.InputSignal<"circle" | "square">;
     /** Presence status indicator dot. Empty string hides the dot. */
@@ -1174,7 +1191,7 @@ declare class LlmAvatarGroup {
     /** Maximum visible avatars before showing an overflow count. */
     readonly max: _angular_core.InputSignal<number>;
     /** Size applied to the overflow badge (match the size used on child avatars). */
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "xs">;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xs" | "xl">;
     private readonly avatarEls;
     protected readonly overflowCount: _angular_core.Signal<number>;
     constructor();
@@ -1316,7 +1333,7 @@ declare class LlmDrawer {
     /** Whether the drawer is open. Supports two-way binding: [(open)]="isOpen". */
     readonly open: _angular_core.ModelSignal<boolean>;
     /** Which edge the drawer slides in from. */
-    readonly position: _angular_core.InputSignal<"bottom" | "top" | "left" | "right">;
+    readonly position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
     /** Width (for left/right) or height (for top/bottom) of the panel. */
     readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "full">;
     /** Whether clicking the backdrop closes the drawer. */
@@ -1486,7 +1503,7 @@ declare class LlmTh {
     /** Current sort direction. Fully controlled — the consumer owns this state. */
     readonly sortDirection: _angular_core.InputSignal<LlmSortDirection>;
     /** Text alignment of the header cell content. */
-    readonly align: _angular_core.InputSignal<"center" | "start" | "end">;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
     /** Fixed column width (e.g. `'120px'`, `'10rem'`). */
     readonly width: _angular_core.InputSignal<string | undefined>;
     /**
@@ -1513,7 +1530,7 @@ declare class LlmTh {
  */
 declare class LlmTd {
     /** Text alignment of the cell content. */
-    readonly align: _angular_core.InputSignal<"center" | "start" | "end">;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LlmTd, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LlmTd, "llm-td", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }