@wirekyt/angular 0.0.15 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,36 @@
1
+ Accessible, unstyled Angular components for building design systems and web applications. The components provide behavior, accessibility, and state while leaving styling to you.
2
+
3
+ ## Installation
4
+
5
+ ```sh
6
+ pnpm add @wirekyt/angular
7
+ ```
8
+
9
+ Angular 22 or newer is required.
10
+
11
+ ## Usage
12
+
13
+ Import components from their feature entry point and add them to the component's `imports` array.
14
+
15
+ ```ts
16
+ import { Component } from "@angular/core";
17
+ import {
18
+ CollapsibleContent,
19
+ CollapsibleRoot,
20
+ CollapsibleTrigger,
21
+ } from "@wirekyt/angular/collapsible";
22
+
23
+ @Component({
24
+ selector: "app-example",
25
+ imports: [CollapsibleRoot, CollapsibleTrigger, CollapsibleContent],
26
+ template: `
27
+ <div collapsibleRoot>
28
+ <button collapsibleTrigger>Details</button>
29
+ <div *collapsibleContent>Accessible, headless UI for Angular.</div>
30
+ </div>
31
+ `,
32
+ })
33
+ export class ExampleComponent {}
34
+ ```
35
+
36
+ Each component is available through a dedicated entry point such as `@wirekyt/angular/dialog`, `@wirekyt/angular/select`, or `@wirekyt/angular/tooltip`.
package/dist/README.md ADDED
@@ -0,0 +1,36 @@
1
+ Accessible, unstyled Angular components for building design systems and web applications. The components provide behavior, accessibility, and state while leaving styling to you.
2
+
3
+ ## Installation
4
+
5
+ ```sh
6
+ pnpm add @wirekyt/angular
7
+ ```
8
+
9
+ Angular 22 or newer is required.
10
+
11
+ ## Usage
12
+
13
+ Import components from their feature entry point and add them to the component's `imports` array.
14
+
15
+ ```ts
16
+ import { Component } from "@angular/core";
17
+ import {
18
+ CollapsibleContent,
19
+ CollapsibleRoot,
20
+ CollapsibleTrigger,
21
+ } from "@wirekyt/angular/collapsible";
22
+
23
+ @Component({
24
+ selector: "app-example",
25
+ imports: [CollapsibleRoot, CollapsibleTrigger, CollapsibleContent],
26
+ template: `
27
+ <div collapsibleRoot>
28
+ <button collapsibleTrigger>Details</button>
29
+ <div *collapsibleContent>Accessible, headless UI for Angular.</div>
30
+ </div>
31
+ `,
32
+ })
33
+ export class ExampleComponent {}
34
+ ```
35
+
36
+ Each component is available through a dedicated entry point such as `@wirekyt/angular/dialog`, `@wirekyt/angular/select`, or `@wirekyt/angular/tooltip`.
package/dist/package.json CHANGED
@@ -1,9 +1,11 @@
1
1
  {
2
2
  "name": "@wirekyt/angular",
3
- "version": "0.0.15",
3
+ "version": "0.0.16",
4
4
  "description": "Angular adapter for Wirekyt",
5
+ "readme": "README.md",
5
6
  "files": [
6
- "dist"
7
+ "dist",
8
+ "README.md"
7
9
  ],
8
10
  "type": "module",
9
11
  "sideEffects": false,
@@ -7,7 +7,7 @@ import * as i0 from '@angular/core';
7
7
  import { Signal, InputSignal, ModelSignal, InputSignalWithTransform, OutputEmitterRef, InjectionToken } from '@angular/core';
8
8
  import { ControlValueAccessor } from '@angular/forms';
9
9
 
10
- declare const checkboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "label" | "indicator" | "control" | "group">;
10
+ declare const checkboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "indicator" | "label" | "control" | "group">;
11
11
 
12
12
  type OptionalId<T extends {
13
13
  id: string;
@@ -9,7 +9,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
9
9
  import { ControlValueAccessor } from '@angular/forms';
10
10
  import { ColorStringFormat } from '@wirekyt/dom/color-utils';
11
11
 
12
- declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"root" | "label" | "content" | "area" | "valueText" | "control" | "trigger" | "positioner" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
12
+ declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"root" | "area" | "label" | "control" | "trigger" | "content" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
13
13
 
14
14
  declare class ColorPickerArea {
15
15
  readonly xChannel: InputSignal<colorPicker.ColorChannel | undefined>;
@@ -13,7 +13,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
13
13
  import { ControlValueAccessor } from '@angular/forms';
14
14
  import * as _wirekyt_angular_combobox from '@wirekyt/angular/combobox';
15
15
 
16
- declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "label" | "item" | "itemText" | "list" | "content" | "input" | "control" | "trigger" | "itemIndicator" | "clearTrigger" | "positioner" | "itemGroup" | "itemGroupLabel" | "empty">;
16
+ declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "item" | "itemGroup" | "input" | "label" | "control" | "trigger" | "clearTrigger" | "list" | "content" | "positioner" | "itemIndicator" | "itemText" | "itemGroupLabel" | "empty">;
17
17
 
18
18
  type ComboboxSchema<T extends CollectionItem = CollectionItem> = Machine<T> extends Machine$1<infer S> ? S : never;
19
19
 
@@ -9,7 +9,7 @@ import * as _wirekyt_angular_presence from '@wirekyt/angular/presence';
9
9
  import { PresenceBase } from '@wirekyt/angular/presence';
10
10
  import { ControlValueAccessor } from '@angular/forms';
11
11
 
12
- declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "label" | "content" | "input" | "table" | "view" | "control" | "prevTrigger" | "nextTrigger" | "trigger" | "clearTrigger" | "positioner" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl" | "valueText">;
12
+ declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "prevTrigger" | "nextTrigger" | "input" | "label" | "table" | "view" | "control" | "trigger" | "clearTrigger" | "content" | "positioner" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText">;
13
13
 
14
14
  type OptionalId<T extends {
15
15
  id?: string | undefined;
package/package.json CHANGED
@@ -1,9 +1,11 @@
1
1
  {
2
2
  "name": "@wirekyt/angular",
3
- "version": "0.0.15",
3
+ "version": "0.0.16",
4
4
  "description": "Angular adapter for Wirekyt",
5
+ "readme": "README.md",
5
6
  "files": [
6
- "dist"
7
+ "dist",
8
+ "README.md"
7
9
  ],
8
10
  "type": "module",
9
11
  "sideEffects": false,
@@ -95,7 +97,7 @@
95
97
  "dependencies": {
96
98
  "@internationalized/date": "^3.12.3",
97
99
  "@internationalized/number": "^3.6.7",
98
- "@wirekyt/dom": "0.0.15",
100
+ "@wirekyt/dom": "0.0.16",
99
101
  "tslib": "^2.8.1"
100
102
  },
101
103
  "peerDependencies": {