@skra/ui 0.2.0 → 0.3.0

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@skra/ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@angular/core": "~21.2.0",
-    "@angular/common": "~21.2.0",
-    "@angular/cdk": "~21.2.0",
-    "@skra/tokens": "^0.2.0"
+    "@angular/core": ">=22.0.0 <23.0.0",
+    "@angular/common": ">=22.0.0 <23.0.0",
+    "@angular/cdk": ">=22.0.0 <23.0.0",
+    "@skra/tokens": "^0.3.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",

package/types/skra-ui-input.d.ts

@@ -11,9 +11,32 @@ import * as i0 from '@angular/core';
  * DI wiring (ADR 013), host a11y bindings (ADR 021/027), and the agnostic
  * value posture (ADR 037 — no value channel, no @angular/forms) are unchanged
  * from the prior directive form.
+ *
+ * `SkraFieldContext` is injected `{ optional: true }` (ADR 013 §3.7) — the same
+ * posture as `skraCheckbox` / `skraRadio` / `skraSwitch`. Inside `<skra-field>`
+ * the atom takes the field's id + describedby + availability cascade; standalone
+ * it renders the skin only and the consumer owns every attribute, including the
+ * accessible name:
+ *
+ *   <!-- inside Field — label association via the DI-generated id/for pair -->
+ *   <skra-field>
+ *     <label skraLabelFor>Email</label>
+ *     <input skraInput type="email" />
+ *   </skra-field>
+ *
+ *   <!-- standalone: native implicit label (wrapping) — no id/for needed -->
+ *   <label>Search <input skraInput type="search" /></label>
+ *
+ * Standalone use does NOT relax the ADR 033 accessible-name contract; it moves
+ * the name onto the consumer's own native markup. An input with no name is an
+ * a11y defect wherever it appears — including inside a `<skra-field>` that
+ * carries no `label[skraLabelFor]` — so the check belongs to the a11y gate, not
+ * to this injection site (ADR 013 §3.7).
  */
 declare class SkraInput {
-    readonly context: SkraFieldContext;
+    private readonly el;
+    readonly context: SkraFieldContext | null;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SkraInput, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkraInput, "input[skraInput]", never, {}, {}, never, never, true, never>;
 }

package/types/skra-ui-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-input.d.ts","sources":["../../../../libs/ui/input/src/lib/input/input.ts"],"mappings":";;;AAQA;;;;;;;;;;AAUG;AACH,cAqBa,SAAS;sBACJ,gBAAA;yCADL,SAAS;2CAAT,SAAS;AAErB;;;;","names":[]}
+{"version":3,"file":"skra-ui-input.d.ts","sources":["../../../../libs/ui/input/src/lib/input/input.ts"],"mappings":";;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACH,cAqBa,SAAS;AACpB;sBACgB,gBAAA;;yCAFL,SAAS;2CAAT,SAAS;AAwBrB;;;;","names":[]}

package/types/skra-ui-native-select.d.ts

@@ -24,6 +24,14 @@ import * as i0 from '@angular/core';
  *     </select>
  *   </skra-field>
  *
+ *   <!-- standalone: native implicit label (wrapping) — no id/for needed -->
+ *   <label>Country <select skraSelect><option value="pl">Poland</option></select></label>
+ *
+ * `SkraFieldContext` is injected `{ optional: true }` (ADR 013 §3.7) — same
+ * posture as SkraInput / SkraCheckbox. Standalone, the atom renders the skin
+ * only, the readonly guards are inert, and the consumer owns every attribute
+ * including the accessible name.
+ *
  * Native `<select>` is the only web-platform widget whose dropdown renders in
  * the OS / browser top-layer, above modal `<dialog>`, above Shadow DOM
  * boundaries, above z-index stacking contexts. By staying native at Tier 1 we
@@ -49,7 +57,7 @@ import * as i0 from '@angular/core';
  */
 declare class SkraNativeSelect {
     private readonly el;
-    readonly context: SkraFieldContext;
+    readonly context: SkraFieldContext | null;
     constructor();
     /**
      * Readonly: suppress the pointer affordance that opens the native listbox.

package/types/skra-ui-native-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-native-select.d.ts","sources":["../../../../libs/ui/native-select/src/lib/select/select.ts"],"mappings":";;;AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CG;AACH,cAwBa,gBAAgB;AAC3B;sBACgB,gBAAA;;AA2BhB;;;;;AAKG;AACH,uCAAmC,KAAK;AAIxC;;;;;;AAMG;AACH,0CAAsC,aAAa;yCA9CxC,gBAAgB;2CAAhB,gBAAgB;AAmD5B;;;;","names":[]}
+{"version":3,"file":"skra-ui-native-select.d.ts","sources":["../../../../libs/ui/native-select/src/lib/select/select.ts"],"mappings":";;;AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDG;AACH,cAuBa,gBAAgB;AAC3B;sBACgB,gBAAA;;AAsChB;;;;;AAKG;AACH,uCAAmC,KAAK;AAIxC;;;;;;AAMG;AACH,0CAAsC,aAAa;yCAzDxC,gBAAgB;2CAAhB,gBAAgB;AA8D5B;;;;","names":[]}

package/types/skra-ui-textarea.d.ts

@@ -20,11 +20,20 @@ import * as i0 from '@angular/core';
  *     <textarea skraTextarea skraAutoResize rows="3"></textarea>
  *   </skra-field>
  *
+ *   <!-- standalone: native implicit label (wrapping) — no id/for needed -->
+ *   <label>Notes <textarea skraTextarea></textarea></label>
+ *
  * Native `rows` / `cols` remain the consumer-facing sizing primitives — Forge
  * does not duplicate them as Angular inputs (boundary #9 native-attr-first).
+ *
+ * `SkraFieldContext` is injected `{ optional: true }` (ADR 013 §3.7) — same
+ * posture as SkraInput / SkraCheckbox. Standalone, the atom renders the skin
+ * only and the consumer owns every attribute, including the accessible name.
  */
 declare class SkraTextarea {
-    readonly context: SkraFieldContext;
+    private readonly el;
+    readonly context: SkraFieldContext | null;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SkraTextarea, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkraTextarea, "textarea[skraTextarea]", never, {}, {}, never, ["*"], true, never>;
 }

package/types/skra-ui-textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-textarea.d.ts","sources":["../../../../libs/ui/textarea/src/lib/textarea/textarea.ts","../../../../libs/ui/textarea/src/lib/auto-resize/auto-resize.directive.ts"],"mappings":";;;AAQA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACH,cAoBa,YAAY;sBACP,gBAAA;yCADL,YAAY;2CAAZ,YAAY;AAExB;;AClDD;;;;;;;;;;;;;;;;AAgBG;AACH,cAIa,uBAAuB;yCAAvB,uBAAuB;2CAAvB,uBAAuB;AAAG;;;;","names":[]}
+{"version":3,"file":"skra-ui-textarea.d.ts","sources":["../../../../libs/ui/textarea/src/lib/textarea/textarea.ts","../../../../libs/ui/textarea/src/lib/auto-resize/auto-resize.directive.ts"],"mappings":";;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;AACH,cAoBa,YAAY;AACvB;sBACgB,gBAAA;;yCAFL,YAAY;2CAAZ,YAAY;AAuBxB;;AChFD;;;;;;;;;;;;;;;;AAgBG;AACH,cAIa,uBAAuB;yCAAvB,uBAAuB;2CAAvB,uBAAuB;AAAG;;;;","names":[]}