@dxos/lit-ui 0.8.1 → 0.8.2-main.10c050d

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.
Files changed (58) hide show
  1. package/dist/src/dx-avatar/dx-avatar.d.ts +1 -2
  2. package/dist/src/dx-avatar/dx-avatar.d.ts.map +1 -1
  3. package/dist/src/dx-avatar/dx-avatar.js +14 -18
  4. package/dist/src/dx-avatar/dx-avatar.js.map +1 -1
  5. package/dist/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +1 -1
  6. package/dist/src/dx-icon/dx-icon.d.ts.map +1 -1
  7. package/dist/src/dx-ref-tag/dx-ref-tag.d.ts +20 -0
  8. package/dist/src/dx-ref-tag/dx-ref-tag.d.ts.map +1 -0
  9. package/dist/src/dx-ref-tag/dx-ref-tag.js +60 -0
  10. package/dist/src/dx-ref-tag/dx-ref-tag.js.map +1 -0
  11. package/dist/src/dx-ref-tag/index.d.ts +2 -0
  12. package/dist/src/dx-ref-tag/index.d.ts.map +1 -0
  13. package/dist/src/dx-ref-tag/index.js +5 -0
  14. package/dist/src/dx-ref-tag/index.js.map +1 -0
  15. package/dist/src/dx-tag-picker/dx-tag-picker-item.d.ts.map +1 -1
  16. package/dist/src/index.d.ts +1 -1
  17. package/dist/src/index.d.ts.map +1 -1
  18. package/dist/src/index.js +1 -1
  19. package/dist/src/index.js.map +1 -1
  20. package/dist/src/react.d.ts +18 -0
  21. package/dist/src/react.d.ts.map +1 -0
  22. package/dist/src/react.js +34 -0
  23. package/dist/src/react.js.map +1 -0
  24. package/dist/tsconfig.tsbuildinfo +1 -1
  25. package/dist/types/src/dx-avatar/dx-avatar.d.ts +1 -2
  26. package/dist/types/src/dx-avatar/dx-avatar.d.ts.map +1 -1
  27. package/dist/types/src/dx-avatar/dx-avatar.js +14 -18
  28. package/dist/types/src/dx-avatar/dx-avatar.js.map +1 -1
  29. package/dist/types/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +1 -1
  30. package/dist/types/src/dx-icon/dx-icon.d.ts.map +1 -1
  31. package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts +20 -0
  32. package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts.map +1 -0
  33. package/dist/types/src/dx-ref-tag/dx-ref-tag.js +60 -0
  34. package/dist/types/src/dx-ref-tag/dx-ref-tag.js.map +1 -0
  35. package/dist/types/src/dx-ref-tag/index.d.ts +2 -0
  36. package/dist/types/src/dx-ref-tag/index.d.ts.map +1 -0
  37. package/dist/types/src/dx-ref-tag/index.js +5 -0
  38. package/dist/types/src/dx-ref-tag/index.js.map +1 -0
  39. package/dist/types/src/dx-tag-picker/dx-tag-picker-item.d.ts.map +1 -1
  40. package/dist/types/src/index.d.ts +1 -1
  41. package/dist/types/src/index.d.ts.map +1 -1
  42. package/dist/types/src/index.js +1 -1
  43. package/dist/types/src/index.js.map +1 -1
  44. package/dist/types/src/react.d.ts +18 -0
  45. package/dist/types/src/react.d.ts.map +1 -0
  46. package/dist/types/src/react.js +34 -0
  47. package/dist/types/src/react.js.map +1 -0
  48. package/dist/types/tsconfig.tsbuildinfo +1 -1
  49. package/package.json +20 -4
  50. package/src/dx-avatar/dx-avatar.pcss +3 -3
  51. package/src/dx-avatar/dx-avatar.ts +22 -25
  52. package/src/dx-icon/dx-icon.ts +1 -1
  53. package/src/dx-ref-tag/dx-ref-tag.pcss +8 -0
  54. package/src/dx-ref-tag/dx-ref-tag.ts +62 -0
  55. package/src/dx-ref-tag/index.ts +5 -0
  56. package/src/dx-tag-picker/dx-tag-picker-item.ts +3 -3
  57. package/src/index.ts +1 -2
  58. package/src/react.ts +56 -0
package/dist/src/dx-avatar/dx-avatar.d.ts CHANGED
@@ -4,12 +4,11 @@ export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
4
4
  export type AvatarVariant = 'square' | 'circle';
5
5
  export type AvatarStatus = 'active' | 'inactive' | 'current' | 'error' | 'warning' | 'internal';
6
6
  export type AvatarAnimation = 'pulse' | 'none';
7
- export type DxAvatarProps = Partial<Pick<DxAvatar, 'fallback' | 'labelId' | 'imgSrc' | 'imgCrossOrigin' | 'imgReferrerPolicy' | 'variant' | 'status' | 'animation' | 'hue' | 'hueVariant' | 'size' | 'icon' | 'rootClassName'>>;
7
+ export type DxAvatarProps = Partial<Pick<DxAvatar, 'fallback' | 'imgSrc' | 'imgCrossOrigin' | 'imgReferrerPolicy' | 'variant' | 'status' | 'animation' | 'hue' | 'hueVariant' | 'size' | 'icon' | 'rootClassName'>>;
8
8
  export declare class DxAvatar extends LitElement {
9
9
  private maskId;
10
10
  constructor();
11
11
  fallback: string;
12
- labelId: string;
13
12
  imgSrc: string | undefined;
14
13
  imgCrossOrigin: NonNullable<HTMLImageElement['crossOrigin']> | undefined;
15
14
  imgReferrerPolicy: HTMLImageElement['referrerPolicy'] | undefined;
package/dist/src/dx-avatar/dx-avatar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAChG,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAI/C,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,IAAI,CACF,QAAQ,EACN,UAAU,GACV,SAAS,GACT,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,KAAK,GACL,YAAY,GACZ,MAAM,GACN,MAAM,GACN,eAAe,CAClB,CACF,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAS;;IAQvB,QAAQ,EAAE,MAAM,CAAW;IAG3B,OAAO,EAAE,MAAM,CAAW;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,GAAG,SAAS,CAAa;IAGrF,iBAAiB,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAa;IAG9E,OAAO,EAAE,aAAa,CAAY;IAGlC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAa;IAG7C,SAAS,EAAE,eAAe,CAAU;IAGpC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAU;IAGxC,IAAI,EAAE,IAAI,CAAM;IAGhB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,YAAY,EAAE,kBAAkB,CAAU;IAEjC,iBAAiB;IAKjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMvD,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM;IAqGN,gBAAgB;CAG1B"}
1
+ {"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAChG,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAI/C,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,IAAI,CACF,QAAQ,EACN,UAAU,GACV,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,KAAK,GACL,YAAY,GACZ,MAAM,GACN,MAAM,GACN,eAAe,CAClB,CACF,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAS;;IAQvB,QAAQ,EAAE,MAAM,CAAW;IAG3B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,GAAG,SAAS,CAAa;IAGrF,iBAAiB,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAa;IAG9E,OAAO,EAAE,aAAa,CAAY;IAGlC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAa;IAG7C,SAAS,EAAE,eAAe,CAAU;IAGpC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAU;IAGxC,IAAI,EAAE,IAAI,CAAM;IAGhB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,YAAY,EAAE,kBAAkB,CAAU;IAEjC,iBAAiB,IAAI,IAAI;IAMzB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAM9D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM;IAqGN,gBAAgB,IAAI,IAAI;CAGlC"}
package/dist/src/dx-avatar/dx-avatar.js CHANGED
@@ -16,7 +16,6 @@ let DxAvatar = class DxAvatar extends LitElement {
16
16
  constructor() {
17
17
  super();
18
18
  this.fallback = 'never';
19
- this.labelId = 'never';
20
19
  this.imgSrc = undefined;
21
20
  this.imgCrossOrigin = undefined;
22
21
  this.imgReferrerPolicy = undefined;
@@ -33,6 +32,7 @@ let DxAvatar = class DxAvatar extends LitElement {
33
32
  }
34
33
  connectedCallback() {
35
34
  super.connectedCallback();
35
+ this.role = 'img';
36
36
  this.loadingStaus = this.imgSrc ? 'loading' : 'idle';
37
37
  }
38
38
  willUpdate(changedProperties) {
@@ -59,11 +59,10 @@ let DxAvatar = class DxAvatar extends LitElement {
59
59
  ? `var(--dx-${this.hue}Surface)`
60
60
  : `var(--dx-${this.hue}Fill)`
61
61
  : 'var(--surface-bg)';
62
- const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-inverse)';
62
+ const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-accentSurfaceText)';
63
63
  return html `<span
64
- role="img"
64
+ role="none"
65
65
  class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
66
- aria-labelledby=${this.labelId}
67
66
  data-size=${this.size}
68
67
  data-variant=${this.variant}
69
68
  data-status=${this.status}
@@ -104,17 +103,6 @@ let DxAvatar = class DxAvatar extends LitElement {
104
103
  height=${2 * r}
105
104
  rx=${rx}
106
105
  />`}
107
- ${this.imgSrc &&
108
- svg `<image
109
- width="100%"
110
- height="100%"
111
- preserveAspectRatio="xMidYMid slice"
112
- href=${this.imgSrc}
113
- mask=${`url(#${this.maskId})`}
114
- crossorigin=${this.imgCrossOrigin}
115
- @load=${this.handleLoad}
116
- @error=${this.handleError}
117
- />`}
118
106
  ${this.icon
119
107
  ? svg `<use
120
108
  class="dx-avatar__icon"
@@ -135,6 +123,17 @@ let DxAvatar = class DxAvatar extends LitElement {
135
123
  >
136
124
  ${this.fallback}
137
125
  </text>`}
126
+ ${this.imgSrc &&
127
+ svg `<image
128
+ width="100%"
129
+ height="100%"
130
+ preserveAspectRatio="xMidYMid slice"
131
+ href=${this.imgSrc}
132
+ mask=${`url(#${this.maskId})`}
133
+ crossorigin=${this.imgCrossOrigin}
134
+ @load=${this.handleLoad}
135
+ @error=${this.handleError}
136
+ />`}
138
137
  </svg>`}<span role="none" class="dx-avatar__ring" style=${styleMap({ borderWidth: ringWidth + 'px' })}
139
138
  /></span>`;
140
139
  }
@@ -145,9 +144,6 @@ let DxAvatar = class DxAvatar extends LitElement {
145
144
  __decorate([
146
145
  property({ type: String })
147
146
  ], DxAvatar.prototype, "fallback", void 0);
148
- __decorate([
149
- property({ type: String })
150
- ], DxAvatar.prototype, "labelId", void 0);
151
147
  __decorate([
152
148
  property({ type: String })
153
149
  ], DxAvatar.prototype, "imgSrc", void 0);
package/dist/src/dx-avatar/dx-avatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-avatar.js","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dx-avatar.js","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"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"}
package/dist/src/dx-avatar/dx-avatar.lit-stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-avatar.lit-stories.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;;;AAEjD,wBAGE;AAEF,eAAO,MAAM,KAAK,UAAW,aAAa,oCAIzC,CAAC"}
1
+ {"version":3,"file":"dx-avatar.lit-stories.d.ts","sourceRoot":"","sources":["../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;;;AAEjD,wBAGE;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,aAAa,oCAIzC,CAAC"}
package/dist/src/dx-icon/dx-icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAIpC,qBACa,MAAO,SAAQ,UAAU;IAGpC,IAAI,EAAE,IAAI,CAAK;IAGf,IAAI,EAAE,MAAM,CAA8B;IAG1C,OAAO,EAAE,OAAO,CAAQ;IAEf,MAAM;IAMN,gBAAgB;CAG1B"}
1
+ {"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAIpC,qBACa,MAAO,SAAQ,UAAU;IAGpC,IAAI,EAAE,IAAI,CAAK;IAGf,IAAI,EAAE,MAAM,CAA8B;IAG1C,OAAO,EAAE,OAAO,CAAQ;IAEf,MAAM;IAMN,gBAAgB,IAAI,IAAI;CAGlC"}
package/dist/src/dx-ref-tag/dx-ref-tag.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import { LitElement } from 'lit';
2
+ export declare class DxRefTagActivate extends Event {
3
+ readonly refId: string;
4
+ readonly label: string;
5
+ readonly trigger: DxRefTag;
6
+ constructor(props: {
7
+ refId: string;
8
+ label: string;
9
+ trigger: DxRefTag;
10
+ });
11
+ }
12
+ export declare class DxRefTag extends LitElement {
13
+ refid: string;
14
+ rootclassname: string | undefined;
15
+ constructor();
16
+ connectedCallback(): void;
17
+ private handleActivate;
18
+ createRenderRoot(): this;
19
+ }
20
+ //# sourceMappingURL=dx-ref-tag.d.ts.map
package/dist/src/dx-ref-tag/dx-ref-tag.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dx-ref-tag.d.ts","sourceRoot":"","sources":["../../../src/dx-ref-tag/dx-ref-tag.ts"],"names":[],"mappings":"AAOA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,gBAAiB,SAAQ,KAAK;IACzC,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,OAAO,EAAE,QAAQ,CAAC;gBACtB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,QAAQ,CAAA;KAAE;CAMvE;AAED,qBACa,QAAS,SAAQ,UAAU;IAOtC,KAAK,EAAE,MAAM,CAAwB;IAGrC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;;IAOrC,iBAAiB,IAAK,IAAI;IAUnC,OAAO,CAAC,cAAc;IAMb,gBAAgB,IAAI,IAAI;CAGlC"}
package/dist/src/dx-ref-tag/dx-ref-tag.js ADDED
@@ -0,0 +1,60 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
5
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
7
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
8
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
9
+ };
10
+ // TODO(thure): Find a way to instruct ESLint & Prettier to treat any whitespace between tags rendered in the `html` template function as significant.
11
+ /* eslint-disable */
12
+ import { LitElement } from 'lit';
13
+ import { customElement, property } from 'lit/decorators.js';
14
+ import { makeId } from '@dxos/react-hooks';
15
+ export class DxRefTagActivate extends Event {
16
+ constructor(props) {
17
+ super('dx-ref-tag-activate');
18
+ this.refId = props.refId;
19
+ this.label = props.label;
20
+ this.trigger = props.trigger;
21
+ }
22
+ }
23
+ let DxRefTag = class DxRefTag extends LitElement {
24
+ constructor() {
25
+ super();
26
+ // TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
27
+ // Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
28
+ // should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
29
+ this.refid = makeId('dx-ref-tag');
30
+ this.rootclassname = undefined;
31
+ this.addEventListener('click', this.handleActivate);
32
+ }
33
+ connectedCallback() {
34
+ super.connectedCallback();
35
+ this.tabIndex = 0;
36
+ this.classList.add('dx-focus-ring');
37
+ if (this.rootclassname) {
38
+ this.classList.add(this.rootclassname);
39
+ }
40
+ this.setAttribute('role', 'button');
41
+ }
42
+ handleActivate(event) {
43
+ var _a;
44
+ this.dispatchEvent(new DxRefTagActivate({ refId: this.refid, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
45
+ }
46
+ createRenderRoot() {
47
+ return this;
48
+ }
49
+ };
50
+ __decorate([
51
+ property({ type: String })
52
+ ], DxRefTag.prototype, "refid", void 0);
53
+ __decorate([
54
+ property({ type: String })
55
+ ], DxRefTag.prototype, "rootclassname", void 0);
56
+ DxRefTag = __decorate([
57
+ customElement('dx-ref-tag')
58
+ ], DxRefTag);
59
+ export { DxRefTag };
60
+ //# sourceMappingURL=dx-ref-tag.js.map
package/dist/src/dx-ref-tag/dx-ref-tag.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dx-ref-tag.js","sourceRoot":"","sources":["../../../src/dx-ref-tag/dx-ref-tag.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,sJAAsJ;AACtJ,oBAAoB;AAEpB,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,OAAO,gBAAiB,SAAQ,KAAK;IAIzC,YAAY,KAA0D;QACpE,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC/B,CAAC;CACF;AAGM,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAYtC;QACE,KAAK,EAAE,CAAC;QAXV,+EAA+E;QAC/E,wGAAwG;QACxG,8FAA8F;QAG9F,UAAK,GAAW,MAAM,CAAC,YAAY,CAAC,CAAC;QAGrC,kBAAa,GAAuB,SAAS,CAAC;QAI5C,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACtD,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QACpC,IAAG,IAAI,CAAC,aAAa,EAAC,CAAC;YACrB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACzC,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEO,cAAc,CAAC,KAAuB;;QAC5C,IAAI,CAAC,aAAa,CAChB,IAAI,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC1F,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA7BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACU;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AAVnC,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CAoCpB"}
package/dist/src/dx-ref-tag/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './dx-ref-tag';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/src/dx-ref-tag/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dx-ref-tag/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
package/dist/src/dx-ref-tag/index.js ADDED
@@ -0,0 +1,5 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+ export * from './dx-ref-tag';
5
+ //# sourceMappingURL=index.js.map
package/dist/src/dx-ref-tag/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dx-ref-tag/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,cAAc,CAAC"}
package/dist/src/dx-tag-picker/dx-tag-picker-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-tag-picker-item.d.ts","sourceRoot":"","sources":["../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAIA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;gBAClC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE;CAKrE;AAED,qBACa,eAAgB,SAAQ,UAAU;IAG7C,GAAG,EAAE,MAAM,CAAa;IAGxB,MAAM,EAAE,MAAM,CAAgC;IAG9C,KAAK,EAAE,MAAM,CAAW;IAGxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,WAAW,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5C,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAIhB,MAAM;IAUN,gBAAgB;CAG1B"}
1
+ {"version":3,"file":"dx-tag-picker-item.d.ts","sourceRoot":"","sources":["../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAIA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;gBAClC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE;CAKrE;AAED,qBACa,eAAgB,SAAQ,UAAU;IAG7C,GAAG,EAAE,MAAM,CAAa;IAGxB,MAAM,EAAE,MAAM,CAAgC;IAG9C,KAAK,EAAE,MAAM,CAAW;IAGxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,WAAW,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5C,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAIhB,MAAM;IAUN,gBAAgB,IAAI,IAAI;CAGlC"}
package/dist/src/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export * from './dx-avatar';
2
2
  export * from './dx-tag-picker';
3
+ export * from './dx-ref-tag';
3
4
  export * from './dx-icon';
4
- export { createComponent, type EventName } from '@lit/react';
5
5
  //# sourceMappingURL=index.d.ts.map
package/dist/src/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
package/dist/src/index.js CHANGED
@@ -3,6 +3,6 @@
3
3
  //
4
4
  export * from './dx-avatar';
5
5
  export * from './dx-tag-picker';
6
+ export * from './dx-ref-tag';
6
7
  export * from './dx-icon';
7
- export { createComponent } from '@lit/react';
8
8
  //# sourceMappingURL=index.js.map
package/dist/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
package/dist/src/react.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { createComponent, type EventName } from '@lit/react';
2
+ import { type ComponentPropsWithRef } from 'react';
3
+ import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, type DxRefTagActivate, DxTagPickerItem as NaturalDxTagPickerItem, type DxTagPickerItemClick } from './index';
4
+ export declare const DxRefTag: import("@lit/react").ReactWebComponent<NaturalDxRefTag, {
5
+ onActivate: EventName<DxRefTagActivate>;
6
+ }>;
7
+ export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
8
+ export declare const DxAvatar: import("@lit/react").ReactWebComponent<NaturalDxAvatar, {}>;
9
+ export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
10
+ export declare const DxIcon: import("@lit/react").ReactWebComponent<NaturalIcon, {}>;
11
+ export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
12
+ export declare const DxTagPickerItem: import("@lit/react").ReactWebComponent<NaturalDxTagPickerItem, {
13
+ onItemClick: EventName<DxTagPickerItemClick>;
14
+ }>;
15
+ export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
16
+ export { createComponent };
17
+ export type { EventName };
18
+ //# sourceMappingURL=react.d.ts.map
package/dist/src/react.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EACrB,KAAK,gBAAgB,EACrB,eAAe,IAAI,sBAAsB,EACzC,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,QAAQ;gBAKoB,SAAS,CAAC,gBAAgB,CAAC;EAElE,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEnE,eAAO,MAAM,QAAQ,6DAInB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEnE,eAAO,MAAM,MAAM,yDAIjB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,eAAe;iBAKmB,SAAS,CAAC,oBAAoB,CAAC;EAE5E,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,SAAS,EAAE,CAAC"}
package/dist/src/react.js ADDED
@@ -0,0 +1,34 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+ import { createComponent } from '@lit/react';
5
+ import React from 'react';
6
+ import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, DxTagPickerItem as NaturalDxTagPickerItem, } from './index';
7
+ export const DxRefTag = createComponent({
8
+ tagName: 'dx-ref-tag',
9
+ elementClass: NaturalDxRefTag,
10
+ react: React,
11
+ events: {
12
+ onActivate: 'dx-ref-tag-activate',
13
+ },
14
+ });
15
+ export const DxAvatar = createComponent({
16
+ tagName: 'dx-avatar',
17
+ elementClass: NaturalDxAvatar,
18
+ react: React,
19
+ });
20
+ export const DxIcon = createComponent({
21
+ tagName: 'dx-icon',
22
+ elementClass: NaturalIcon,
23
+ react: React,
24
+ });
25
+ export const DxTagPickerItem = createComponent({
26
+ tagName: 'dx-tag-picker-item',
27
+ elementClass: NaturalDxTagPickerItem,
28
+ react: React,
29
+ events: {
30
+ onItemClick: 'dx-tag-picker-item-click',
31
+ },
32
+ });
33
+ export { createComponent };
34
+ //# sourceMappingURL=react.js.map
package/dist/src/react.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EAErB,eAAe,IAAI,sBAAsB,GAE1C,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,UAAU,EAAE,qBAAoD;KACjE;CACF,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,WAAW;IACzB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,sBAAsB;IACpC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,WAAW,EAAE,0BAA6D;KAC3E;CACF,CAAC,CAAC;AAIH,OAAO,EAAE,eAAe,EAAE,CAAC"}
package/dist/tsconfig.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"version":"5.7.3"}
1
+ {"version":"5.8.3"}
package/dist/types/src/dx-avatar/dx-avatar.d.ts CHANGED
@@ -4,12 +4,11 @@ export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
4
4
  export type AvatarVariant = 'square' | 'circle';
5
5
  export type AvatarStatus = 'active' | 'inactive' | 'current' | 'error' | 'warning' | 'internal';
6
6
  export type AvatarAnimation = 'pulse' | 'none';
7
- export type DxAvatarProps = Partial<Pick<DxAvatar, 'fallback' | 'labelId' | 'imgSrc' | 'imgCrossOrigin' | 'imgReferrerPolicy' | 'variant' | 'status' | 'animation' | 'hue' | 'hueVariant' | 'size' | 'icon' | 'rootClassName'>>;
7
+ export type DxAvatarProps = Partial<Pick<DxAvatar, 'fallback' | 'imgSrc' | 'imgCrossOrigin' | 'imgReferrerPolicy' | 'variant' | 'status' | 'animation' | 'hue' | 'hueVariant' | 'size' | 'icon' | 'rootClassName'>>;
8
8
  export declare class DxAvatar extends LitElement {
9
9
  private maskId;
10
10
  constructor();
11
11
  fallback: string;
12
- labelId: string;
13
12
  imgSrc: string | undefined;
14
13
  imgCrossOrigin: NonNullable<HTMLImageElement['crossOrigin']> | undefined;
15
14
  imgReferrerPolicy: HTMLImageElement['referrerPolicy'] | undefined;
package/dist/types/src/dx-avatar/dx-avatar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAChG,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAI/C,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,IAAI,CACF,QAAQ,EACN,UAAU,GACV,SAAS,GACT,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,KAAK,GACL,YAAY,GACZ,MAAM,GACN,MAAM,GACN,eAAe,CAClB,CACF,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAS;;IAQvB,QAAQ,EAAE,MAAM,CAAW;IAG3B,OAAO,EAAE,MAAM,CAAW;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,GAAG,SAAS,CAAa;IAGrF,iBAAiB,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAa;IAG9E,OAAO,EAAE,aAAa,CAAY;IAGlC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAa;IAG7C,SAAS,EAAE,eAAe,CAAU;IAGpC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAU;IAGxC,IAAI,EAAE,IAAI,CAAM;IAGhB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,YAAY,EAAE,kBAAkB,CAAU;IAEjC,iBAAiB;IAKjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMvD,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM;IAqGN,gBAAgB;CAG1B"}
1
+ {"version":3,"file":"dx-avatar.d.ts","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAChG,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAI/C,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,IAAI,CACF,QAAQ,EACN,UAAU,GACV,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,KAAK,GACL,YAAY,GACZ,MAAM,GACN,MAAM,GACN,eAAe,CAClB,CACF,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAS;;IAQvB,QAAQ,EAAE,MAAM,CAAW;IAG3B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,GAAG,SAAS,CAAa;IAGrF,iBAAiB,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAa;IAG9E,OAAO,EAAE,aAAa,CAAY;IAGlC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAa;IAG7C,SAAS,EAAE,eAAe,CAAU;IAGpC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAU;IAGxC,IAAI,EAAE,IAAI,CAAM;IAGhB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,YAAY,EAAE,kBAAkB,CAAU;IAEjC,iBAAiB,IAAI,IAAI;IAMzB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAM9D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM;IAqGN,gBAAgB,IAAI,IAAI;CAGlC"}
package/dist/types/src/dx-avatar/dx-avatar.js CHANGED
@@ -16,7 +16,6 @@ let DxAvatar = class DxAvatar extends LitElement {
16
16
  constructor() {
17
17
  super();
18
18
  this.fallback = 'never';
19
- this.labelId = 'never';
20
19
  this.imgSrc = undefined;
21
20
  this.imgCrossOrigin = undefined;
22
21
  this.imgReferrerPolicy = undefined;
@@ -33,6 +32,7 @@ let DxAvatar = class DxAvatar extends LitElement {
33
32
  }
34
33
  connectedCallback() {
35
34
  super.connectedCallback();
35
+ this.role = 'img';
36
36
  this.loadingStaus = this.imgSrc ? 'loading' : 'idle';
37
37
  }
38
38
  willUpdate(changedProperties) {
@@ -59,11 +59,10 @@ let DxAvatar = class DxAvatar extends LitElement {
59
59
  ? `var(--dx-${this.hue}Surface)`
60
60
  : `var(--dx-${this.hue}Fill)`
61
61
  : 'var(--surface-bg)';
62
- const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-inverse)';
62
+ const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-accentSurfaceText)';
63
63
  return html `<span
64
- role="img"
64
+ role="none"
65
65
  class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
66
- aria-labelledby=${this.labelId}
67
66
  data-size=${this.size}
68
67
  data-variant=${this.variant}
69
68
  data-status=${this.status}
@@ -104,17 +103,6 @@ let DxAvatar = class DxAvatar extends LitElement {
104
103
  height=${2 * r}
105
104
  rx=${rx}
106
105
  />`}
107
- ${this.imgSrc &&
108
- svg `<image
109
- width="100%"
110
- height="100%"
111
- preserveAspectRatio="xMidYMid slice"
112
- href=${this.imgSrc}
113
- mask=${`url(#${this.maskId})`}
114
- crossorigin=${this.imgCrossOrigin}
115
- @load=${this.handleLoad}
116
- @error=${this.handleError}
117
- />`}
118
106
  ${this.icon
119
107
  ? svg `<use
120
108
  class="dx-avatar__icon"
@@ -135,6 +123,17 @@ let DxAvatar = class DxAvatar extends LitElement {
135
123
  >
136
124
  ${this.fallback}
137
125
  </text>`}
126
+ ${this.imgSrc &&
127
+ svg `<image
128
+ width="100%"
129
+ height="100%"
130
+ preserveAspectRatio="xMidYMid slice"
131
+ href=${this.imgSrc}
132
+ mask=${`url(#${this.maskId})`}
133
+ crossorigin=${this.imgCrossOrigin}
134
+ @load=${this.handleLoad}
135
+ @error=${this.handleError}
136
+ />`}
138
137
  </svg>`}<span role="none" class="dx-avatar__ring" style=${styleMap({ borderWidth: ringWidth + 'px' })}
139
138
  /></span>`;
140
139
  }
@@ -145,9 +144,6 @@ let DxAvatar = class DxAvatar extends LitElement {
145
144
  __decorate([
146
145
  property({ type: String })
147
146
  ], DxAvatar.prototype, "fallback", void 0);
148
- __decorate([
149
- property({ type: String })
150
- ], DxAvatar.prototype, "labelId", void 0);
151
147
  __decorate([
152
148
  property({ type: String })
153
149
  ], DxAvatar.prototype, "imgSrc", void 0);
package/dist/types/src/dx-avatar/dx-avatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-avatar.js","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dx-avatar.js","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.ts"],"names":[],"mappings":"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"}
package/dist/types/src/dx-avatar/dx-avatar.lit-stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-avatar.lit-stories.d.ts","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;;;AAEjD,wBAGE;AAEF,eAAO,MAAM,KAAK,UAAW,aAAa,oCAIzC,CAAC"}
1
+ {"version":3,"file":"dx-avatar.lit-stories.d.ts","sourceRoot":"","sources":["../../../../src/dx-avatar/dx-avatar.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;;;;;;;AAEjD,wBAGE;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,aAAa,oCAIzC,CAAC"}
package/dist/types/src/dx-icon/dx-icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAIpC,qBACa,MAAO,SAAQ,UAAU;IAGpC,IAAI,EAAE,IAAI,CAAK;IAGf,IAAI,EAAE,MAAM,CAA8B;IAG1C,OAAO,EAAE,OAAO,CAAQ;IAEf,MAAM;IAMN,gBAAgB;CAG1B"}
1
+ {"version":3,"file":"dx-icon.d.ts","sourceRoot":"","sources":["../../../../src/dx-icon/dx-icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAGtC,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAIpC,qBACa,MAAO,SAAQ,UAAU;IAGpC,IAAI,EAAE,IAAI,CAAK;IAGf,IAAI,EAAE,MAAM,CAA8B;IAG1C,OAAO,EAAE,OAAO,CAAQ;IAEf,MAAM;IAMN,gBAAgB,IAAI,IAAI;CAGlC"}
package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import { LitElement } from 'lit';
2
+ export declare class DxRefTagActivate extends Event {
3
+ readonly refId: string;
4
+ readonly label: string;
5
+ readonly trigger: DxRefTag;
6
+ constructor(props: {
7
+ refId: string;
8
+ label: string;
9
+ trigger: DxRefTag;
10
+ });
11
+ }
12
+ export declare class DxRefTag extends LitElement {
13
+ refid: string;
14
+ rootclassname: string | undefined;
15
+ constructor();
16
+ connectedCallback(): void;
17
+ private handleActivate;
18
+ createRenderRoot(): this;
19
+ }
20
+ //# sourceMappingURL=dx-ref-tag.d.ts.map
package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dx-ref-tag.d.ts","sourceRoot":"","sources":["../../../../src/dx-ref-tag/dx-ref-tag.ts"],"names":[],"mappings":"AAOA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,gBAAiB,SAAQ,KAAK;IACzC,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,OAAO,EAAE,QAAQ,CAAC;gBACtB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,QAAQ,CAAA;KAAE;CAMvE;AAED,qBACa,QAAS,SAAQ,UAAU;IAOtC,KAAK,EAAE,MAAM,CAAwB;IAGrC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;;IAOrC,iBAAiB,IAAK,IAAI;IAUnC,OAAO,CAAC,cAAc;IAMb,gBAAgB,IAAI,IAAI;CAGlC"}
package/dist/types/src/dx-ref-tag/dx-ref-tag.js ADDED
@@ -0,0 +1,60 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
5
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
7
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
8
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
9
+ };
10
+ // TODO(thure): Find a way to instruct ESLint & Prettier to treat any whitespace between tags rendered in the `html` template function as significant.
11
+ /* eslint-disable */
12
+ import { LitElement } from 'lit';
13
+ import { customElement, property } from 'lit/decorators.js';
14
+ import { makeId } from '@dxos/react-hooks';
15
+ export class DxRefTagActivate extends Event {
16
+ constructor(props) {
17
+ super('dx-ref-tag-activate');
18
+ this.refId = props.refId;
19
+ this.label = props.label;
20
+ this.trigger = props.trigger;
21
+ }
22
+ }
23
+ let DxRefTag = class DxRefTag extends LitElement {
24
+ constructor() {
25
+ super();
26
+ // TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
27
+ // Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
28
+ // should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
29
+ this.refid = makeId('dx-ref-tag');
30
+ this.rootclassname = undefined;
31
+ this.addEventListener('click', this.handleActivate);
32
+ }
33
+ connectedCallback() {
34
+ super.connectedCallback();
35
+ this.tabIndex = 0;
36
+ this.classList.add('dx-focus-ring');
37
+ if (this.rootclassname) {
38
+ this.classList.add(this.rootclassname);
39
+ }
40
+ this.setAttribute('role', 'button');
41
+ }
42
+ handleActivate(event) {
43
+ var _a;
44
+ this.dispatchEvent(new DxRefTagActivate({ refId: this.refid, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
45
+ }
46
+ createRenderRoot() {
47
+ return this;
48
+ }
49
+ };
50
+ __decorate([
51
+ property({ type: String })
52
+ ], DxRefTag.prototype, "refid", void 0);
53
+ __decorate([
54
+ property({ type: String })
55
+ ], DxRefTag.prototype, "rootclassname", void 0);
56
+ DxRefTag = __decorate([
57
+ customElement('dx-ref-tag')
58
+ ], DxRefTag);
59
+ export { DxRefTag };
60
+ //# sourceMappingURL=dx-ref-tag.js.map
package/dist/types/src/dx-ref-tag/dx-ref-tag.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dx-ref-tag.js","sourceRoot":"","sources":["../../../../src/dx-ref-tag/dx-ref-tag.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,sJAAsJ;AACtJ,oBAAoB;AAEpB,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,OAAO,gBAAiB,SAAQ,KAAK;IAIzC,YAAY,KAA0D;QACpE,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC/B,CAAC;CACF;AAGM,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAYtC;QACE,KAAK,EAAE,CAAC;QAXV,+EAA+E;QAC/E,wGAAwG;QACxG,8FAA8F;QAG9F,UAAK,GAAW,MAAM,CAAC,YAAY,CAAC,CAAC;QAGrC,kBAAa,GAAuB,SAAS,CAAC;QAI5C,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACtD,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QACpC,IAAG,IAAI,CAAC,aAAa,EAAC,CAAC;YACrB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACzC,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEO,cAAc,CAAC,KAAuB;;QAC5C,IAAI,CAAC,aAAa,CAChB,IAAI,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC1F,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA7BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACU;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AAVnC,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CAoCpB"}
package/dist/types/src/dx-ref-tag/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './dx-ref-tag';
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/types/src/dx-ref-tag/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dx-ref-tag/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
package/dist/types/src/dx-ref-tag/index.js ADDED
@@ -0,0 +1,5 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+ export * from './dx-ref-tag';
5
+ //# sourceMappingURL=index.js.map
package/dist/types/src/dx-ref-tag/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dx-ref-tag/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,cAAc,CAAC"}
package/dist/types/src/dx-tag-picker/dx-tag-picker-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dx-tag-picker-item.d.ts","sourceRoot":"","sources":["../../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAIA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;gBAClC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE;CAKrE;AAED,qBACa,eAAgB,SAAQ,UAAU;IAG7C,GAAG,EAAE,MAAM,CAAa;IAGxB,MAAM,EAAE,MAAM,CAAgC;IAG9C,KAAK,EAAE,MAAM,CAAW;IAGxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,WAAW,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5C,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAIhB,MAAM;IAUN,gBAAgB;CAG1B"}
1
+ {"version":3,"file":"dx-tag-picker-item.d.ts","sourceRoot":"","sources":["../../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAIA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;gBAClC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;KAAE;CAKrE;AAED,qBACa,eAAgB,SAAQ,UAAU;IAG7C,GAAG,EAAE,MAAM,CAAa;IAGxB,MAAM,EAAE,MAAM,CAAgC;IAG9C,KAAK,EAAE,MAAM,CAAW;IAGxB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAG9C,WAAW,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5C,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAIhB,MAAM;IAUN,gBAAgB,IAAI,IAAI;CAGlC"}
package/dist/types/src/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export * from './dx-avatar';
2
2
  export * from './dx-tag-picker';
3
+ export * from './dx-ref-tag';
3
4
  export * from './dx-icon';
4
- export { createComponent, type EventName } from '@lit/react';
5
5
  //# sourceMappingURL=index.d.ts.map
package/dist/types/src/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
package/dist/types/src/index.js CHANGED
@@ -3,6 +3,6 @@
3
3
  //
4
4
  export * from './dx-avatar';
5
5
  export * from './dx-tag-picker';
6
+ export * from './dx-ref-tag';
6
7
  export * from './dx-icon';
7
- export { createComponent } from '@lit/react';
8
8
  //# sourceMappingURL=index.js.map
package/dist/types/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
package/dist/types/src/react.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { createComponent, type EventName } from '@lit/react';
2
+ import { type ComponentPropsWithRef } from 'react';
3
+ import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, type DxRefTagActivate, DxTagPickerItem as NaturalDxTagPickerItem, type DxTagPickerItemClick } from './index';
4
+ export declare const DxRefTag: import("@lit/react").ReactWebComponent<NaturalDxRefTag, {
5
+ onActivate: EventName<DxRefTagActivate>;
6
+ }>;
7
+ export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
8
+ export declare const DxAvatar: import("@lit/react").ReactWebComponent<NaturalDxAvatar, {}>;
9
+ export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
10
+ export declare const DxIcon: import("@lit/react").ReactWebComponent<NaturalIcon, {}>;
11
+ export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
12
+ export declare const DxTagPickerItem: import("@lit/react").ReactWebComponent<NaturalDxTagPickerItem, {
13
+ onItemClick: EventName<DxTagPickerItemClick>;
14
+ }>;
15
+ export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
16
+ export { createComponent };
17
+ export type { EventName };
18
+ //# sourceMappingURL=react.d.ts.map
package/dist/types/src/react.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EACrB,KAAK,gBAAgB,EACrB,eAAe,IAAI,sBAAsB,EACzC,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,QAAQ;gBAKoB,SAAS,CAAC,gBAAgB,CAAC;EAElE,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEnE,eAAO,MAAM,QAAQ,6DAInB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEnE,eAAO,MAAM,MAAM,yDAIjB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,eAAe;iBAKmB,SAAS,CAAC,oBAAoB,CAAC;EAE5E,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,SAAS,EAAE,CAAC"}
package/dist/types/src/react.js ADDED
@@ -0,0 +1,34 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+ import { createComponent } from '@lit/react';
5
+ import React from 'react';
6
+ import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, DxTagPickerItem as NaturalDxTagPickerItem, } from './index';
7
+ export const DxRefTag = createComponent({
8
+ tagName: 'dx-ref-tag',
9
+ elementClass: NaturalDxRefTag,
10
+ react: React,
11
+ events: {
12
+ onActivate: 'dx-ref-tag-activate',
13
+ },
14
+ });
15
+ export const DxAvatar = createComponent({
16
+ tagName: 'dx-avatar',
17
+ elementClass: NaturalDxAvatar,
18
+ react: React,
19
+ });
20
+ export const DxIcon = createComponent({
21
+ tagName: 'dx-icon',
22
+ elementClass: NaturalIcon,
23
+ react: React,
24
+ });
25
+ export const DxTagPickerItem = createComponent({
26
+ tagName: 'dx-tag-picker-item',
27
+ elementClass: NaturalDxTagPickerItem,
28
+ react: React,
29
+ events: {
30
+ onItemClick: 'dx-tag-picker-item-click',
31
+ },
32
+ });
33
+ export { createComponent };
34
+ //# sourceMappingURL=react.js.map
package/dist/types/src/react.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EAErB,eAAe,IAAI,sBAAsB,GAE1C,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,UAAU,EAAE,qBAAoD;KACjE;CACF,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,WAAW;IACzB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,sBAAsB;IACpC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,WAAW,EAAE,0BAA6D;KAC3E;CACF,CAAC,CAAC;AAIH,OAAO,EAAE,eAAe,EAAE,CAAC"}
package/dist/types/tsconfig.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"version":"5.7.3"}
1
+ {"version":"5.8.3"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/lit-ui",
3
- "version": "0.8.1",
3
+ "version": "0.8.2-main.10c050d",
4
4
  "description": "Web Components for DXOS using Lit",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -14,11 +14,24 @@
14
14
  "browser": "./dist/src/index.js",
15
15
  "node": "./dist/src/index.js"
16
16
  },
17
+ "./react": {
18
+ "types": "./dist/types/src/react.d.ts",
19
+ "browser": "./dist/src/react.js",
20
+ "node": "./dist/src/react.js"
21
+ },
17
22
  "./dx-avatar.pcss": "./src/dx-avatar/dx-avatar.pcss",
18
- "./dx-tag-picker.pcss": "./src/dx-tag-picker/dx-tag-picker.pcss"
23
+ "./dx-tag-picker.pcss": "./src/dx-tag-picker/dx-tag-picker.pcss",
24
+ "./dx-ref-tag.pcss": "./src/dx-ref-tag/dx-ref-tag.pcss"
19
25
  },
20
26
  "main": "dist/src/index.js",
21
27
  "types": "dist/src/index.d.ts",
28
+ "typesVersions": {
29
+ "*": {
30
+ "react": [
31
+ "./dist/types/src/react.d.ts"
32
+ ]
33
+ }
34
+ },
22
35
  "files": [
23
36
  "src",
24
37
  "dist"
@@ -26,9 +39,12 @@
26
39
  "dependencies": {
27
40
  "@lit/react": "^1.0.5",
28
41
  "lit": "^3.2.0",
29
- "@dxos/react-hooks": "0.8.1"
42
+ "@dxos/react-hooks": "0.8.2-main.10c050d"
30
43
  },
31
44
  "devDependencies": {
32
- "@dxos/test-utils": "0.8.1"
45
+ "@dxos/test-utils": "0.8.2-main.10c050d"
46
+ },
47
+ "publishConfig": {
48
+ "access": "public"
33
49
  }
34
50
  }
package/src/dx-avatar/dx-avatar.pcss CHANGED
@@ -1,5 +1,5 @@
1
1
  .dx-avatar-group {
2
- @apply inline-flex items-center;
2
+ @apply inline-flex items-center pie-2;
3
3
  }
4
4
 
5
5
  .dx-avatar-group .dx-avatar {
@@ -20,7 +20,7 @@ dx-avatar {
20
20
  @apply relative inline-flex shrink-0;
21
21
 
22
22
  .dx-avatar__frame {
23
- @apply is-full bs-full bg-[--surface-bg]
23
+ @apply is-full bs-full bg-[--surface-bg];
24
24
  }
25
25
 
26
26
  .dx-avatar__frame, .dx-avatar__ring {
@@ -46,7 +46,7 @@ dx-avatar {
46
46
  }
47
47
 
48
48
  &[data-status="active"] .dx-avatar__ring {
49
- @apply border-[color:var(--dx-activeCursor)];
49
+ @apply border-[color:var(--dx-successCursor)];
50
50
  }
51
51
 
52
52
  &[data-status="error"] .dx-avatar__ring {
package/src/dx-avatar/dx-avatar.ts CHANGED
@@ -22,7 +22,6 @@ export type DxAvatarProps = Partial<
22
22
  Pick<
23
23
  DxAvatar,
24
24
  | 'fallback'
25
- | 'labelId'
26
25
  | 'imgSrc'
27
26
  | 'imgCrossOrigin'
28
27
  | 'imgReferrerPolicy'
@@ -49,9 +48,6 @@ export class DxAvatar extends LitElement {
49
48
  @property({ type: String })
50
49
  fallback: string = 'never';
51
50
 
52
- @property({ type: String })
53
- labelId: string = 'never';
54
-
55
51
  @property({ type: String })
56
52
  imgSrc: string | undefined = undefined;
57
53
 
@@ -88,22 +84,23 @@ export class DxAvatar extends LitElement {
88
84
  @state()
89
85
  loadingStaus: ImageLoadingStatus = 'idle';
90
86
 
91
- override connectedCallback() {
87
+ override connectedCallback(): void {
92
88
  super.connectedCallback();
89
+ this.role = 'img';
93
90
  this.loadingStaus = this.imgSrc ? 'loading' : 'idle';
94
91
  }
95
92
 
96
- override willUpdate(changedProperties: Map<string, any>) {
93
+ override willUpdate(changedProperties: Map<string, any>): void {
97
94
  if (changedProperties.has('imgSrc')) {
98
95
  this.loadingStaus = changedProperties.get('imgSrc') ? 'loading' : 'idle';
99
96
  }
100
97
  }
101
98
 
102
- private handleLoad() {
99
+ private handleLoad(): void {
103
100
  this.loadingStaus = 'loaded';
104
101
  }
105
102
 
106
- private handleError() {
103
+ private handleError(): void {
107
104
  this.loadingStaus = 'error';
108
105
  }
109
106
 
@@ -120,11 +117,11 @@ export class DxAvatar extends LitElement {
120
117
  ? `var(--dx-${this.hue}Surface)`
121
118
  : `var(--dx-${this.hue}Fill)`
122
119
  : 'var(--surface-bg)';
123
- const fg = this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-inverse)';
120
+ const fg =
121
+ this.hue && this.hueVariant === 'surface' ? `var(--dx-${this.hue}SurfaceText)` : 'var(--dx-accentSurfaceText)';
124
122
  return html`<span
125
- role="img"
123
+ role="none"
126
124
  class=${`dx-avatar${this.rootClassName ? ` ${this.rootClassName}` : ''}`}
127
- aria-labelledby=${this.labelId}
128
125
  data-size=${this.size}
129
126
  data-variant=${this.variant}
130
127
  data-status=${this.status}
@@ -169,19 +166,6 @@ export class DxAvatar extends LitElement {
169
166
  rx=${rx}
170
167
  />`
171
168
  }
172
- ${
173
- this.imgSrc &&
174
- svg`<image
175
- width="100%"
176
- height="100%"
177
- preserveAspectRatio="xMidYMid slice"
178
- href=${this.imgSrc}
179
- mask=${`url(#${this.maskId})`}
180
- crossorigin=${this.imgCrossOrigin}
181
- @load=${this.handleLoad}
182
- @error=${this.handleError}
183
- />`
184
- }
185
169
  ${
186
170
  this.icon
187
171
  ? svg`<use
@@ -204,11 +188,24 @@ export class DxAvatar extends LitElement {
204
188
  ${this.fallback}
205
189
  </text>`
206
190
  }
191
+ ${
192
+ this.imgSrc &&
193
+ svg`<image
194
+ width="100%"
195
+ height="100%"
196
+ preserveAspectRatio="xMidYMid slice"
197
+ href=${this.imgSrc}
198
+ mask=${`url(#${this.maskId})`}
199
+ crossorigin=${this.imgCrossOrigin}
200
+ @load=${this.handleLoad}
201
+ @error=${this.handleError}
202
+ />`
203
+ }
207
204
  </svg>`}<span role="none" class="dx-avatar__ring" style=${styleMap({ borderWidth: ringWidth + 'px' })}
208
205
  /></span>`;
209
206
  }
210
207
 
211
- override createRenderRoot() {
208
+ override createRenderRoot(): this {
212
209
  return this;
213
210
  }
214
211
  }
package/src/dx-icon/dx-icon.ts CHANGED
@@ -27,7 +27,7 @@ export class DxIcon extends LitElement {
27
27
  return svg`<svg class="dx-icon" data-size=${this.size}><use href=${href} /></svg>`;
28
28
  }
29
29
 
30
- override createRenderRoot() {
30
+ override createRenderRoot(): this {
31
31
  return this;
32
32
  }
33
33
  }
package/src/dx-ref-tag/dx-ref-tag.pcss ADDED
@@ -0,0 +1,8 @@
1
+ @layer dx-components {
2
+ dx-ref-tag {
3
+ @apply inline cursor-pointer pli-1 plb-0.5 border border-separator rounded-sm transition-colors;
4
+ &:hover {
5
+ @apply bg-hoverSurface;
6
+ }
7
+ }
8
+ }
package/src/dx-ref-tag/dx-ref-tag.ts ADDED
@@ -0,0 +1,62 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ // TODO(thure): Find a way to instruct ESLint & Prettier to treat any whitespace between tags rendered in the `html` template function as significant.
6
+ /* eslint-disable */
7
+
8
+ import { html, LitElement } from 'lit';
9
+ import { customElement, property } from 'lit/decorators.js';
10
+
11
+ import { makeId } from '@dxos/react-hooks';
12
+
13
+ export class DxRefTagActivate extends Event {
14
+ public readonly refId: string;
15
+ public readonly label: string;
16
+ public readonly trigger: DxRefTag;
17
+ constructor(props: { refId: string; label: string; trigger: DxRefTag }) {
18
+ super('dx-ref-tag-activate');
19
+ this.refId = props.refId;
20
+ this.label = props.label;
21
+ this.trigger = props.trigger;
22
+ }
23
+ }
24
+
25
+ @customElement('dx-ref-tag')
26
+ export class DxRefTag extends LitElement {
27
+
28
+ // TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
29
+ // Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
30
+ // should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
31
+
32
+ @property({ type: String })
33
+ refid: string = makeId('dx-ref-tag');
34
+
35
+ @property({ type: String })
36
+ rootclassname: string | undefined = undefined;
37
+
38
+ constructor () {
39
+ super();
40
+ this.addEventListener('click', this.handleActivate);
41
+ }
42
+
43
+ override connectedCallback (): void {
44
+ super.connectedCallback();
45
+ this.tabIndex = 0;
46
+ this.classList.add('dx-focus-ring');
47
+ if(this.rootclassname){
48
+ this.classList.add(this.rootclassname);
49
+ }
50
+ this.setAttribute('role', 'button');
51
+ }
52
+
53
+ private handleActivate(event: { type: string }): void {
54
+ this.dispatchEvent(
55
+ new DxRefTagActivate({ refId: this.refid, label: this.textContent ?? '', trigger: this }),
56
+ );
57
+ }
58
+
59
+ override createRenderRoot(): this {
60
+ return this;
61
+ }
62
+ }
package/src/dx-ref-tag/index.ts ADDED
@@ -0,0 +1,5 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ export * from './dx-ref-tag';
package/src/dx-tag-picker/dx-tag-picker-item.ts CHANGED
@@ -35,11 +35,11 @@ export class DxTagPickerItem extends LitElement {
35
35
  @property({ type: String })
36
36
  removeLabel: string | undefined = undefined;
37
37
 
38
- private handleClickActivate() {
38
+ private handleClickActivate(): void {
39
39
  this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'activate' }));
40
40
  }
41
41
 
42
- private handleClickRemove() {
42
+ private handleClickRemove(): void {
43
43
  this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'remove' }));
44
44
  }
45
45
 
@@ -53,7 +53,7 @@ export class DxTagPickerItem extends LitElement {
53
53
  >`;
54
54
  }
55
55
 
56
- override createRenderRoot() {
56
+ override createRenderRoot(): this {
57
57
  return this;
58
58
  }
59
59
  }
package/src/index.ts CHANGED
@@ -4,6 +4,5 @@
4
4
 
5
5
  export * from './dx-avatar';
6
6
  export * from './dx-tag-picker';
7
+ export * from './dx-ref-tag';
7
8
  export * from './dx-icon';
8
-
9
- export { createComponent, type EventName } from '@lit/react';
package/src/react.ts ADDED
@@ -0,0 +1,56 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { createComponent, type EventName } from '@lit/react';
6
+ import React, { type ComponentPropsWithRef } from 'react';
7
+
8
+ import {
9
+ DxAvatar as NaturalDxAvatar,
10
+ DxRefTag as NaturalDxRefTag,
11
+ DxIcon as NaturalIcon,
12
+ type DxRefTagActivate,
13
+ DxTagPickerItem as NaturalDxTagPickerItem,
14
+ type DxTagPickerItemClick,
15
+ } from './index';
16
+
17
+ export const DxRefTag = createComponent({
18
+ tagName: 'dx-ref-tag',
19
+ elementClass: NaturalDxRefTag,
20
+ react: React,
21
+ events: {
22
+ onActivate: 'dx-ref-tag-activate' as EventName<DxRefTagActivate>,
23
+ },
24
+ });
25
+
26
+ export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
27
+
28
+ export const DxAvatar = createComponent({
29
+ tagName: 'dx-avatar',
30
+ elementClass: NaturalDxAvatar,
31
+ react: React,
32
+ });
33
+
34
+ export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
35
+
36
+ export const DxIcon = createComponent({
37
+ tagName: 'dx-icon',
38
+ elementClass: NaturalIcon,
39
+ react: React,
40
+ });
41
+
42
+ export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
43
+
44
+ export const DxTagPickerItem = createComponent({
45
+ tagName: 'dx-tag-picker-item',
46
+ elementClass: NaturalDxTagPickerItem,
47
+ react: React,
48
+ events: {
49
+ onItemClick: 'dx-tag-picker-item-click' as EventName<DxTagPickerItemClick>,
50
+ },
51
+ });
52
+
53
+ export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
54
+
55
+ export { createComponent };
56
+ export type { EventName };