@dxos/lit-ui 0.8.2-main.fbd8ed0 → 0.8.2-staging.42af850

package/dist/src/dx-avatar/dx-avatar.d.ts.map

@@ -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,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;IAMjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMvD,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM;IAqGN,gBAAgB;CAG1B"}
+{"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-icon/dx-icon.d.ts.map

@@ -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"}
+{"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

@@ -1,17 +1,17 @@
 import { LitElement } from 'lit';
 export declare class DxRefTagActivate extends Event {
-    readonly ref: string;
+    readonly refId: string;
     readonly label: string;
     readonly trigger: DxRefTag;
     constructor(props: {
-        ref: string;
+        refId: string;
         label: string;
         trigger: DxRefTag;
     });
 }
 export declare class DxRefTag extends LitElement {
-    ref: string;
-    rootClassName: string | undefined;
+    refid: string;
+    rootclassname: string | undefined;
     constructor();
     connectedCallback(): void;
     private handleActivate;

package/dist/src/dx-ref-tag/dx-ref-tag.d.ts.map

@@ -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,GAAG,EAAE,MAAM,CAAC;IAC5B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,OAAO,EAAE,QAAQ,CAAC;gBACtB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,QAAQ,CAAA;KAAE;CAMrE;AAED,qBACa,QAAS,SAAQ,UAAU;IAEtC,GAAG,EAAE,MAAM,CAAwB;IAGnC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;;IAOrC,iBAAiB;IAU1B,OAAO,CAAC,cAAc;IAMb,gBAAgB;CAG1B"}
+{"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

@@ -15,7 +15,7 @@ import { makeId } from '@dxos/react-hooks';
 export class DxRefTagActivate extends Event {
     constructor(props) {
         super('dx-ref-tag-activate');
-        this.ref = props.ref;
+        this.refId = props.refId;
         this.label = props.label;
         this.trigger = props.trigger;
     }
@@ -23,22 +23,25 @@ export class DxRefTagActivate extends Event {
 let DxRefTag = class DxRefTag extends LitElement {
     constructor() {
         super();
-        this.ref = makeId('dx-ref-tag');
-        this.rootClassName = undefined;
+        // TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
+        //   Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
+        //   should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
+        this.refid = makeId('dx-ref-tag');
+        this.rootclassname = undefined;
         this.addEventListener('click', this.handleActivate);
     }
     connectedCallback() {
         super.connectedCallback();
         this.tabIndex = 0;
         this.classList.add('dx-focus-ring');
-        if (this.rootClassName) {
-            this.classList.add(this.rootClassName);
+        if (this.rootclassname) {
+            this.classList.add(this.rootclassname);
         }
         this.setAttribute('role', 'button');
     }
     handleActivate(event) {
         var _a;
-        this.dispatchEvent(new DxRefTagActivate({ ref: this.ref, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
+        this.dispatchEvent(new DxRefTagActivate({ refId: this.refid, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
     }
     createRenderRoot() {
         return this;
@@ -46,10 +49,10 @@ let DxRefTag = class DxRefTag extends LitElement {
 };
 __decorate([
     property({ type: String })
-], DxRefTag.prototype, "ref", void 0);
+], DxRefTag.prototype, "refid", void 0);
 __decorate([
     property({ type: String })
-], DxRefTag.prototype, "rootClassName", void 0);
+], DxRefTag.prototype, "rootclassname", void 0);
 DxRefTag = __decorate([
     customElement('dx-ref-tag')
 ], DxRefTag);

package/dist/src/dx-ref-tag/dx-ref-tag.js.map

@@ -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,KAAwD;QAClE,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACrB,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;IAOtC;QACE,KAAK,EAAE,CAAC;QANV,QAAG,GAAW,MAAM,CAAC,YAAY,CAAC,CAAC;QAGnC,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,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACtF,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA7BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACQ;AAGnC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AALnC,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CA+BpB"}
+{"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-tag-picker/dx-tag-picker-item.d.ts.map

@@ -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"}
+{"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

@@ -2,5 +2,4 @@ export * from './dx-avatar';
 export * from './dx-tag-picker';
 export * from './dx-ref-tag';
 export * from './dx-icon';
-export { createComponent, type EventName } from '@lit/react';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -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,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC"}
+{"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

@@ -5,5 +5,4 @@ export * from './dx-avatar';
 export * from './dx-tag-picker';
 export * from './dx-ref-tag';
 export * from './dx-icon';
-export { createComponent } from '@lit/react';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -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,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC"}
+{"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

@@ -0,0 +1,18 @@
+import { createComponent, type EventName } from '@lit/react';
+import { type ComponentPropsWithRef } from 'react';
+import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, type DxRefTagActivate, DxTagPickerItem as NaturalDxTagPickerItem, type DxTagPickerItemClick } from './index';
+export declare const DxRefTag: import("@lit/react").ReactWebComponent<NaturalDxRefTag, {
+    onActivate: EventName<DxRefTagActivate>;
+}>;
+export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
+export declare const DxAvatar: import("@lit/react").ReactWebComponent<NaturalDxAvatar, {}>;
+export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
+export declare const DxIcon: import("@lit/react").ReactWebComponent<NaturalIcon, {}>;
+export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
+export declare const DxTagPickerItem: import("@lit/react").ReactWebComponent<NaturalDxTagPickerItem, {
+    onItemClick: EventName<DxTagPickerItemClick>;
+}>;
+export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
+export { createComponent };
+export type { EventName };
+//# sourceMappingURL=react.d.ts.map

package/dist/src/react.d.ts.map

@@ -0,0 +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

@@ -0,0 +1,34 @@
+//
+// Copyright 2025 DXOS.org
+//
+import { createComponent } from '@lit/react';
+import React from 'react';
+import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, DxTagPickerItem as NaturalDxTagPickerItem, } from './index';
+export const DxRefTag = createComponent({
+    tagName: 'dx-ref-tag',
+    elementClass: NaturalDxRefTag,
+    react: React,
+    events: {
+        onActivate: 'dx-ref-tag-activate',
+    },
+});
+export const DxAvatar = createComponent({
+    tagName: 'dx-avatar',
+    elementClass: NaturalDxAvatar,
+    react: React,
+});
+export const DxIcon = createComponent({
+    tagName: 'dx-icon',
+    elementClass: NaturalIcon,
+    react: React,
+});
+export const DxTagPickerItem = createComponent({
+    tagName: 'dx-tag-picker-item',
+    elementClass: NaturalDxTagPickerItem,
+    react: React,
+    events: {
+        onItemClick: 'dx-tag-picker-item-click',
+    },
+});
+export { createComponent };
+//# sourceMappingURL=react.js.map

package/dist/src/react.js.map

@@ -0,0 +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/src/dx-avatar/dx-avatar.d.ts.map

@@ -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,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;IAMjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMvD,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAIV,MAAM;IAqGN,gBAAgB;CAG1B"}
+{"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-icon/dx-icon.d.ts.map

@@ -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"}
+{"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

@@ -1,17 +1,17 @@
 import { LitElement } from 'lit';
 export declare class DxRefTagActivate extends Event {
-    readonly ref: string;
+    readonly refId: string;
     readonly label: string;
     readonly trigger: DxRefTag;
     constructor(props: {
-        ref: string;
+        refId: string;
         label: string;
         trigger: DxRefTag;
     });
 }
 export declare class DxRefTag extends LitElement {
-    ref: string;
-    rootClassName: string | undefined;
+    refid: string;
+    rootclassname: string | undefined;
     constructor();
     connectedCallback(): void;
     private handleActivate;

package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts.map

@@ -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,GAAG,EAAE,MAAM,CAAC;IAC5B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,OAAO,EAAE,QAAQ,CAAC;gBACtB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,QAAQ,CAAA;KAAE;CAMrE;AAED,qBACa,QAAS,SAAQ,UAAU;IAEtC,GAAG,EAAE,MAAM,CAAwB;IAGnC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;;IAOrC,iBAAiB;IAU1B,OAAO,CAAC,cAAc;IAMb,gBAAgB;CAG1B"}
+{"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

@@ -15,7 +15,7 @@ import { makeId } from '@dxos/react-hooks';
 export class DxRefTagActivate extends Event {
     constructor(props) {
         super('dx-ref-tag-activate');
-        this.ref = props.ref;
+        this.refId = props.refId;
         this.label = props.label;
         this.trigger = props.trigger;
     }
@@ -23,22 +23,25 @@ export class DxRefTagActivate extends Event {
 let DxRefTag = class DxRefTag extends LitElement {
     constructor() {
         super();
-        this.ref = makeId('dx-ref-tag');
-        this.rootClassName = undefined;
+        // TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
+        //   Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
+        //   should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
+        this.refid = makeId('dx-ref-tag');
+        this.rootclassname = undefined;
         this.addEventListener('click', this.handleActivate);
     }
     connectedCallback() {
         super.connectedCallback();
         this.tabIndex = 0;
         this.classList.add('dx-focus-ring');
-        if (this.rootClassName) {
-            this.classList.add(this.rootClassName);
+        if (this.rootclassname) {
+            this.classList.add(this.rootclassname);
         }
         this.setAttribute('role', 'button');
     }
     handleActivate(event) {
         var _a;
-        this.dispatchEvent(new DxRefTagActivate({ ref: this.ref, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
+        this.dispatchEvent(new DxRefTagActivate({ refId: this.refid, label: (_a = this.textContent) !== null && _a !== void 0 ? _a : '', trigger: this }));
     }
     createRenderRoot() {
         return this;
@@ -46,10 +49,10 @@ let DxRefTag = class DxRefTag extends LitElement {
 };
 __decorate([
     property({ type: String })
-], DxRefTag.prototype, "ref", void 0);
+], DxRefTag.prototype, "refid", void 0);
 __decorate([
     property({ type: String })
-], DxRefTag.prototype, "rootClassName", void 0);
+], DxRefTag.prototype, "rootclassname", void 0);
 DxRefTag = __decorate([
     customElement('dx-ref-tag')
 ], DxRefTag);

package/dist/types/src/dx-ref-tag/dx-ref-tag.js.map

@@ -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,KAAwD;QAClE,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACrB,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;IAOtC;QACE,KAAK,EAAE,CAAC;QANV,QAAG,GAAW,MAAM,CAAC,YAAY,CAAC,CAAC;QAGnC,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,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACtF,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AA7BC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACQ;AAGnC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AALnC,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CA+BpB"}
+{"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-tag-picker/dx-tag-picker-item.d.ts.map

@@ -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"}
+{"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

@@ -2,5 +2,4 @@ export * from './dx-avatar';
 export * from './dx-tag-picker';
 export * from './dx-ref-tag';
 export * from './dx-icon';
-export { createComponent, type EventName } from '@lit/react';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -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,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC"}
+{"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

@@ -5,5 +5,4 @@ export * from './dx-avatar';
 export * from './dx-tag-picker';
 export * from './dx-ref-tag';
 export * from './dx-icon';
-export { createComponent } from '@lit/react';
 //# sourceMappingURL=index.js.map

package/dist/types/src/index.js.map

@@ -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,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC"}
+{"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

@@ -0,0 +1,18 @@
+import { createComponent, type EventName } from '@lit/react';
+import { type ComponentPropsWithRef } from 'react';
+import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, type DxRefTagActivate, DxTagPickerItem as NaturalDxTagPickerItem, type DxTagPickerItemClick } from './index';
+export declare const DxRefTag: import("@lit/react").ReactWebComponent<NaturalDxRefTag, {
+    onActivate: EventName<DxRefTagActivate>;
+}>;
+export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
+export declare const DxAvatar: import("@lit/react").ReactWebComponent<NaturalDxAvatar, {}>;
+export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
+export declare const DxIcon: import("@lit/react").ReactWebComponent<NaturalIcon, {}>;
+export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
+export declare const DxTagPickerItem: import("@lit/react").ReactWebComponent<NaturalDxTagPickerItem, {
+    onItemClick: EventName<DxTagPickerItemClick>;
+}>;
+export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
+export { createComponent };
+export type { EventName };
+//# sourceMappingURL=react.d.ts.map

package/dist/types/src/react.d.ts.map

@@ -0,0 +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

@@ -0,0 +1,34 @@
+//
+// Copyright 2025 DXOS.org
+//
+import { createComponent } from '@lit/react';
+import React from 'react';
+import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, DxTagPickerItem as NaturalDxTagPickerItem, } from './index';
+export const DxRefTag = createComponent({
+    tagName: 'dx-ref-tag',
+    elementClass: NaturalDxRefTag,
+    react: React,
+    events: {
+        onActivate: 'dx-ref-tag-activate',
+    },
+});
+export const DxAvatar = createComponent({
+    tagName: 'dx-avatar',
+    elementClass: NaturalDxAvatar,
+    react: React,
+});
+export const DxIcon = createComponent({
+    tagName: 'dx-icon',
+    elementClass: NaturalIcon,
+    react: React,
+});
+export const DxTagPickerItem = createComponent({
+    tagName: 'dx-tag-picker-item',
+    elementClass: NaturalDxTagPickerItem,
+    react: React,
+    events: {
+        onItemClick: 'dx-tag-picker-item-click',
+    },
+});
+export { createComponent };
+//# sourceMappingURL=react.js.map

package/dist/types/src/react.js.map

@@ -0,0 +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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/lit-ui",
-  "version": "0.8.2-main.fbd8ed0",
+  "version": "0.8.2-staging.42af850",
   "description": "Web Components for DXOS using Lit",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -14,12 +14,24 @@
       "browser": "./dist/src/index.js",
       "node": "./dist/src/index.js"
     },
+    "./react": {
+      "types": "./dist/types/src/react.d.ts",
+      "browser": "./dist/src/react.js",
+      "node": "./dist/src/react.js"
+    },
     "./dx-avatar.pcss": "./src/dx-avatar/dx-avatar.pcss",
     "./dx-tag-picker.pcss": "./src/dx-tag-picker/dx-tag-picker.pcss",
     "./dx-ref-tag.pcss": "./src/dx-ref-tag/dx-ref-tag.pcss"
   },
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "react": [
+        "./dist/types/src/react.d.ts"
+      ]
+    }
+  },
   "files": [
     "src",
     "dist"
@@ -27,10 +39,10 @@
   "dependencies": {
     "@lit/react": "^1.0.5",
     "lit": "^3.2.0",
-    "@dxos/react-hooks": "0.8.2-main.fbd8ed0"
+    "@dxos/react-hooks": "0.8.2-staging.42af850"
   },
   "devDependencies": {
-    "@dxos/test-utils": "0.8.2-main.fbd8ed0"
+    "@dxos/test-utils": "0.8.2-staging.42af850"
   },
   "publishConfig": {
     "access": "public"

package/src/dx-avatar/dx-avatar.pcss

@@ -46,7 +46,7 @@ dx-avatar {
   }
 
   &[data-status="active"] .dx-avatar__ring {
-    @apply border-[color:var(--dx-activeCursor)];
+    @apply border-[color:var(--dx-successCursor)];
   }
 
   &[data-status="error"] .dx-avatar__ring {

package/src/dx-avatar/dx-avatar.ts

@@ -84,23 +84,23 @@ export class DxAvatar extends LitElement {
   @state()
   loadingStaus: ImageLoadingStatus = 'idle';
 
-  override connectedCallback() {
+  override connectedCallback(): void {
     super.connectedCallback();
     this.role = 'img';
     this.loadingStaus = this.imgSrc ? 'loading' : 'idle';
   }
 
-  override willUpdate(changedProperties: Map<string, any>) {
+  override willUpdate(changedProperties: Map<string, any>): void {
     if (changedProperties.has('imgSrc')) {
       this.loadingStaus = changedProperties.get('imgSrc') ? 'loading' : 'idle';
     }
   }
 
-  private handleLoad() {
+  private handleLoad(): void {
     this.loadingStaus = 'loaded';
   }
 
-  private handleError() {
+  private handleError(): void {
     this.loadingStaus = 'error';
   }
 
@@ -205,7 +205,7 @@ export class DxAvatar extends LitElement {
     /></span>`;
   }
 
-  override createRenderRoot() {
+  override createRenderRoot(): this {
     return this;
   }
 }

package/src/dx-icon/dx-icon.ts

@@ -27,7 +27,7 @@ export class DxIcon extends LitElement {
     return svg`<svg class="dx-icon" data-size=${this.size}><use href=${href} /></svg>`;
   }
 
-  override createRenderRoot() {
+  override createRenderRoot(): this {
     return this;
   }
 }

package/src/dx-ref-tag/dx-ref-tag.ts

@@ -11,12 +11,12 @@ import { customElement, property } from 'lit/decorators.js';
 import { makeId } from '@dxos/react-hooks';
 
 export class DxRefTagActivate extends Event {
-  public readonly ref: string;
+  public readonly refId: string;
   public readonly label: string;
   public readonly trigger: DxRefTag;
-  constructor(props: { ref: string; label: string; trigger: DxRefTag }) {
+  constructor(props: { refId: string; label: string; trigger: DxRefTag }) {
     super('dx-ref-tag-activate');
-    this.ref = props.ref;
+    this.refId = props.refId;
     this.label = props.label;
     this.trigger = props.trigger;
   }
@@ -24,34 +24,39 @@ export class DxRefTagActivate extends Event {
 
 @customElement('dx-ref-tag')
 export class DxRefTag extends LitElement {
+
+  // TODO(thure): There is a case (in)sensitivity issue here which is pernicious:
+  //   Only refactoring the properties here to all-lowercase fixes the binding in `RefField.tsx`, but that
+  //   should be unnecessary, and it isn’t an issue for `DxAvatar` or `DxGrid`. What’s going on?
+
   @property({ type: String })
-  ref: string = makeId('dx-ref-tag');
+  refid: string = makeId('dx-ref-tag');
 
   @property({ type: String })
-  rootClassName: string | undefined = undefined;
+  rootclassname: string | undefined = undefined;
 
   constructor () {
     super();
     this.addEventListener('click', this.handleActivate);
   }
 
-  override connectedCallback () {
+  override connectedCallback (): void {
     super.connectedCallback();
     this.tabIndex = 0;
     this.classList.add('dx-focus-ring');
-    if(this.rootClassName){
-      this.classList.add(this.rootClassName);
+    if(this.rootclassname){
+      this.classList.add(this.rootclassname);
     }
     this.setAttribute('role', 'button');
   }
 
-  private handleActivate(event: { type: string }) {
+  private handleActivate(event: { type: string }): void {
     this.dispatchEvent(
-      new DxRefTagActivate({ ref: this.ref, label: this.textContent ?? '', trigger: this }),
+      new DxRefTagActivate({ refId: this.refid, label: this.textContent ?? '', trigger: this }),
     );
   }
 
-  override createRenderRoot() {
+  override createRenderRoot(): this {
     return this;
   }
 }

package/src/dx-tag-picker/dx-tag-picker-item.ts

@@ -35,11 +35,11 @@ export class DxTagPickerItem extends LitElement {
   @property({ type: String })
   removeLabel: string | undefined = undefined;
 
-  private handleClickActivate() {
+  private handleClickActivate(): void {
     this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'activate' }));
   }
 
-  private handleClickRemove() {
+  private handleClickRemove(): void {
     this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'remove' }));
   }
 
@@ -53,7 +53,7 @@ export class DxTagPickerItem extends LitElement {
     >`;
   }
 
-  override createRenderRoot() {
+  override createRenderRoot(): this {
     return this;
   }
 }

package/src/index.ts

@@ -6,5 +6,3 @@ export * from './dx-avatar';
 export * from './dx-tag-picker';
 export * from './dx-ref-tag';
 export * from './dx-icon';
-
-export { createComponent, type EventName } from '@lit/react';

package/src/react.ts

@@ -0,0 +1,56 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { createComponent, type EventName } from '@lit/react';
+import React, { type ComponentPropsWithRef } from 'react';
+
+import {
+  DxAvatar as NaturalDxAvatar,
+  DxRefTag as NaturalDxRefTag,
+  DxIcon as NaturalIcon,
+  type DxRefTagActivate,
+  DxTagPickerItem as NaturalDxTagPickerItem,
+  type DxTagPickerItemClick,
+} from './index';
+
+export const DxRefTag = createComponent({
+  tagName: 'dx-ref-tag',
+  elementClass: NaturalDxRefTag,
+  react: React,
+  events: {
+    onActivate: 'dx-ref-tag-activate' as EventName<DxRefTagActivate>,
+  },
+});
+
+export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
+
+export const DxAvatar = createComponent({
+  tagName: 'dx-avatar',
+  elementClass: NaturalDxAvatar,
+  react: React,
+});
+
+export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
+
+export const DxIcon = createComponent({
+  tagName: 'dx-icon',
+  elementClass: NaturalIcon,
+  react: React,
+});
+
+export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
+
+export const DxTagPickerItem = createComponent({
+  tagName: 'dx-tag-picker-item',
+  elementClass: NaturalDxTagPickerItem,
+  react: React,
+  events: {
+    onItemClick: 'dx-tag-picker-item-click' as EventName<DxTagPickerItemClick>,
+  },
+});
+
+export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
+
+export { createComponent };
+export type { EventName };