@furystack/shades-common-components 5.0.1 → 5.0.3

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA"}

package/esm/services/default-dark-theme.d.ts

@@ -0,0 +1,3 @@
+import type { Theme } from './theme-provider-service.js';
+export declare const defaultDarkTheme: Theme;
+//# sourceMappingURL=default-dark-theme.d.ts.map

package/{types → esm}/services/default-dark-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-dark-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-dark-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAErD,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA"}
+{"version":3,"file":"default-dark-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-dark-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAExD,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA"}

package/esm/services/default-dark-theme.js

@@ -1,4 +1,4 @@
-import { defaultPalette } from './default-palette';
+import { defaultPalette } from './default-palette.js';
 export const defaultDarkTheme = {
     text: {
         primary: '#fff',

package/esm/services/default-dark-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-dark-theme.js","sourceRoot":"","sources":["../../src/services/default-dark-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,0BAA0B;QACrC,QAAQ,EAAE,0BAA0B;KACrC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,2BAA2B;QAClC,QAAQ,EAAE,2BAA2B;QACrC,QAAQ,EAAE,0BAA0B;QACpC,kBAAkB,EAAE,2BAA2B;KAChD;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;KACjB;IACD,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}
+{"version":3,"file":"default-dark-theme.js","sourceRoot":"","sources":["../../src/services/default-dark-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,0BAA0B;QACrC,QAAQ,EAAE,0BAA0B;KACrC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,2BAA2B;QAClC,QAAQ,EAAE,2BAA2B;QACrC,QAAQ,EAAE,0BAA0B;QACpC,kBAAkB,EAAE,2BAA2B;KAChD;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;KACjB;IACD,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}

package/esm/services/default-light-theme.d.ts

@@ -0,0 +1,3 @@
+import type { Theme } from './theme-provider-service.js';
+export declare const defaultLightTheme: Theme;
+//# sourceMappingURL=default-light-theme.d.ts.map

package/{types → esm}/services/default-light-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-light-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-light-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAErD,eAAO,MAAM,iBAAiB,EAAE,KAmB/B,CAAA"}
+{"version":3,"file":"default-light-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-light-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAExD,eAAO,MAAM,iBAAiB,EAAE,KAmB/B,CAAA"}

package/esm/services/default-light-theme.js

@@ -1,4 +1,4 @@
-import { defaultPalette } from './default-palette';
+import { defaultPalette } from './default-palette.js';
 export const defaultLightTheme = {
     palette: defaultPalette,
     text: {

package/esm/services/default-light-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-light-theme.js","sourceRoot":"","sources":["../../src/services/default-light-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,qBAAqB;KAChC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,qBAAqB;QAC7B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,qBAAqB;KAC1C;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}
+{"version":3,"file":"default-light-theme.js","sourceRoot":"","sources":["../../src/services/default-light-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,qBAAqB;KAChC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,qBAAqB;QAC7B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,qBAAqB;KAC1C;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}

package/esm/services/default-palette.d.ts

@@ -0,0 +1,3 @@
+import type { Palette } from './theme-provider-service.js';
+export declare const defaultPalette: Palette;
+//# sourceMappingURL=default-palette.d.ts.map

package/{types → esm}/services/default-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-palette.d.ts","sourceRoot":"","sources":["../../src/services/default-palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAO,MAAM,cAAc,EAAE,OA+B5B,CAAA"}
+{"version":3,"file":"default-palette.d.ts","sourceRoot":"","sources":["../../src/services/default-palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAE1D,eAAO,MAAM,cAAc,EAAE,OA+B5B,CAAA"}

package/{types → esm}/services/default-variable-theme.d.ts

@@ -1,5 +1,5 @@
 import type { DeepPartial } from '@furystack/utils';
-import type { Theme } from './theme-provider-service';
+import type { Theme } from './theme-provider-service.js';
 export declare const defaultVariableTheme: Theme;
 export declare const setCssVariable: (key: string, value: string, root: HTMLElement) => void;
 export declare const getCssVariable: (key: string, root?: HTMLElement) => string;

package/{types → esm}/services/default-variable-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-variable-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-variable-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AACrD,eAAO,MAAM,oBAAoB,EAAE,KAkDlC,CAAA;AAED,eAAO,MAAM,cAAc,QAAS,MAAM,SAAS,MAAM,QAAQ,WAAW,SAE3E,CAAA;AAED,eAAO,MAAM,cAAc,QAAS,MAAM,SAAQ,WAAW,WAE5D,CAAA;AAmBD,eAAO,MAAM,oBAAoB,UAAW,YAAY,KAAK,CAAC,SAG7D,CAAA"}
+{"version":3,"file":"default-variable-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-variable-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACxD,eAAO,MAAM,oBAAoB,EAAE,KAkDlC,CAAA;AAED,eAAO,MAAM,cAAc,QAAS,MAAM,SAAS,MAAM,QAAQ,WAAW,SAE3E,CAAA;AAED,eAAO,MAAM,cAAc,QAAS,MAAM,SAAQ,WAAW,WAE5D,CAAA;AAmBD,eAAO,MAAM,oBAAoB,UAAW,YAAY,KAAK,CAAC,SAG7D,CAAA"}

package/esm/services/index.d.ts

@@ -0,0 +1,9 @@
+export * from './click-away-service.js';
+export * from './collection-service.js';
+export * from './theme-provider-service.js';
+export * from './default-dark-theme.js';
+export * from './default-light-theme.js';
+export * from './default-palette.js';
+export * from './noty-service.js';
+export * from './default-variable-theme.js';
+//# sourceMappingURL=index.d.ts.map

package/esm/services/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA"}

package/esm/services/index.js

@@ -1,9 +1,9 @@
-export * from './click-away-service';
-export * from './collection-service';
-export * from './theme-provider-service';
-export * from './default-dark-theme';
-export * from './default-light-theme';
-export * from './default-palette';
-export * from './noty-service';
-export * from './default-variable-theme';
+export * from './click-away-service.js';
+export * from './collection-service.js';
+export * from './theme-provider-service.js';
+export * from './default-dark-theme.js';
+export * from './default-light-theme.js';
+export * from './default-palette.js';
+export * from './noty-service.js';
+export * from './default-variable-theme.js';
 //# sourceMappingURL=index.js.map

package/esm/services/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA"}

package/esm/services/theme-provider-service.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Injectable } from '@furystack/inject';
-import { defaultVariableTheme, getCssVariable, useThemeCssVariables } from './default-variable-theme';
+import { defaultVariableTheme, getCssVariable, useThemeCssVariables } from './default-variable-theme.js';
 export class RgbColor {
     constructor(r, g, b, a = 1) {
         this.r = r;

package/esm/services/theme-provider-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AA8CxG,MAAM,OAAO,QAAQ;IACnB,YAAmB,CAAS,EAAS,CAAS,EAAS,CAAS,EAAS,IAAY,CAAC;QAAnE,MAAC,GAAD,CAAC,CAAQ;QAAS,MAAC,GAAD,CAAC,CAAQ;QAAS,MAAC,GAAD,CAAC,CAAQ;QAAS,MAAC,GAAD,CAAC,CAAY;IAAG,CAAC;IAEnF,MAAM,CAAC,GAA0B,EAAE,KAAa;QACrD,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QACjB,OAAO,IAAI,CAAA;IACb,CAAC;IAEM,QAAQ;QACb,OAAO,QAAQ,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAA;IACxD,CAAC;CACF;AAED;;GAEG;AAEH,IAAa,oBAAoB,GAAjC,MAAa,oBAAoB;IAAjC;QAsDkB,UAAK,GAAG,oBAAoB,CAAA;IAS9C,CAAC;IA9DC;;;;;;OAMG;IACI,YAAY,CAAC,KAAa,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,GAAG,SAAS;QACrE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;QACrD,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAA;QAChD,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;IACnC,CAAC;IAED;;;;OAIG;IACI,qBAAqB,CAAC,KAAa;QACxC,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;YAC9B,OAAO,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;SACzD;QAED,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YACzB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtB,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC1C,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC1C,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC1C,OAAO,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;aAC7B;YACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtB,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC/D,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC/D,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC/D,OAAO,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;aAC7B;SACF;QACD,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAC7B,MAAM,MAAM,GAAG,IAAI,MAAM,CACvB,kGAAkG,CACnG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YACb,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE;gBAC3B,OAAO,IAAI,QAAQ,CACjB,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,EAC/B,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,EACjC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,EAChC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAClC,CAAA;aACF;SACF;QACD,MAAM,KAAK,CAAC,iBAAiB,KAAK,sBAAsB,CAAC,CAAA;IAC3D,CAAC;IAIM,GAAG,CAAC,MAA0B;QACnC,oBAAoB,CAAC,MAAM,CAAC,CAAA;IAC9B,CAAC;IAEM,OAAO;QACZ,MAAM;IACR,CAAC;CACF,CAAA;AA/DY,oBAAoB;IADhC,UAAU,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;GACzB,oBAAoB,CA+DhC;SA/DY,oBAAoB"}

package/esm/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './promisify-animation.js';
+//# sourceMappingURL=index.d.ts.map

package/esm/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}

package/esm/utils/index.js

@@ -1,2 +1,2 @@
-export * from './promisify-animation';
+export * from './promisify-animation.js';
 //# sourceMappingURL=index.js.map

package/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@furystack/shades-common-components",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "description": "",
   "type": "module",
   "scripts": {
@@ -8,16 +8,7 @@
   },
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "types": "./types/index.d.ts"
-    },
-    "./package.json": "./package.json"
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "types/*"
-      ]
+      "import": "./esm/index.js"
     }
   },
   "files": [
@@ -41,13 +32,13 @@
   "license": "GPL-2.0",
   "devDependencies": {
     "typescript": "^5.0.4",
-    "vitest": "^0.30.1"
+    "vitest": "^0.31.0"
   },
   "dependencies": {
-    "@furystack/core": "^12.0.1",
-    "@furystack/inject": "^8.0.1",
-    "@furystack/shades": "^8.0.1",
-    "@furystack/utils": "^4.0.1",
+    "@furystack/core": "^12.0.3",
+    "@furystack/inject": "^8.0.3",
+    "@furystack/shades": "^8.0.3",
+    "@furystack/utils": "^4.0.3",
     "path-to-regexp": "^6.2.1",
     "semaphore-async-await": "^1.5.1"
   },

package/src/components/animations.ts

@@ -1,4 +1,4 @@
-import { promisifyAnimation } from '../utils/promisify-animation'
+import { promisifyAnimation } from '../utils/promisify-animation.js'
 
 export const showSlide = (element?: Element | null, options?: KeyframeAnimationOptions) =>
   promisifyAnimation(

package/src/components/app-bar-link.tsx

@@ -2,7 +2,7 @@ import type { RouteLinkProps } from '@furystack/shades'
 import { attachProps } from '@furystack/shades'
 import { createComponent, LocationService, RouteLink, Shade } from '@furystack/shades'
 import { match } from 'path-to-regexp'
-import { ThemeProviderService } from '../services'
+import { ThemeProviderService } from '../services/theme-provider-service.js'
 
 export const AppBarLink = Shade<RouteLinkProps>({
   shadowDomName: 'shade-app-bar-link',

package/src/components/app-bar.tsx

@@ -1,5 +1,5 @@
 import { Shade, createComponent, attachProps } from '@furystack/shades'
-import { ThemeProviderService } from '../services/theme-provider-service'
+import { ThemeProviderService } from '../services/theme-provider-service.js'
 
 export const AppBar = Shade({
   shadowDomName: 'shade-app-bar',

package/src/components/button.tsx

@@ -1,9 +1,9 @@
 import type { PartialElement } from '@furystack/shades'
 import { attachProps } from '@furystack/shades'
 import { Shade, createComponent } from '@furystack/shades'
-import { promisifyAnimation } from '../utils/promisify-animation'
-import type { Palette, Theme } from '../services/theme-provider-service'
-import { ThemeProviderService } from '../services/theme-provider-service'
+import { promisifyAnimation } from '../utils/promisify-animation.js'
+import type { Palette, Theme } from '../services/theme-provider-service.js'
+import { ThemeProviderService } from '../services/theme-provider-service.js'
 import { Trace } from '@furystack/utils'
 
 export type ButtonProps = PartialElement<HTMLButtonElement> & {

package/src/components/command-palette/command-palette-input.tsx

@@ -1,7 +1,7 @@
 import { Shade, createComponent } from '@furystack/shades'
-import { ThemeProviderService } from '../../services'
-import { promisifyAnimation } from '../../utils/promisify-animation'
-import type { CommandPaletteManager } from './command-palette-manager'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
+import { promisifyAnimation } from '../../utils/promisify-animation.js'
+import type { CommandPaletteManager } from './command-palette-manager.js'
 
 export const CommandPaletteInput = Shade<{ manager: CommandPaletteManager }>({
   shadowDomName: 'shades-command-palette-input',

package/src/components/command-palette/command-palette-manager.ts

@@ -1,7 +1,7 @@
 import type { Injector } from '@furystack/inject'
 import { Injectable } from '@furystack/inject'
 import { debounce, ObservableValue } from '@furystack/utils'
-import type { CommandProvider, CommandPaletteSuggestionResult } from './command-provider'
+import type { CommandProvider, CommandPaletteSuggestionResult } from './command-provider.js'
 
 @Injectable({ lifetime: 'singleton' })
 export class CommandPaletteManager {

package/src/components/command-palette/command-palette-suggestion-list.tsx

@@ -1,7 +1,7 @@
 import { Shade, createComponent } from '@furystack/shades'
-import { promisifyAnimation } from '../../utils/promisify-animation'
-import type { CommandPaletteManager } from './command-palette-manager'
-import { ThemeProviderService } from '../../services/theme-provider-service'
+import { promisifyAnimation } from '../../utils/promisify-animation.js'
+import type { CommandPaletteManager } from './command-palette-manager.js'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
 
 export const CommandPaletteSuggestionList = Shade<{ manager: CommandPaletteManager; fullScreenSuggestions?: boolean }>({
   shadowDomName: 'shade-command-palette-suggestion-list',

package/src/components/command-palette/index.tsx

@@ -1,17 +1,17 @@
 import { Shade, createComponent } from '@furystack/shades'
-import { promisifyAnimation } from '../../utils/promisify-animation'
-import { Loader } from '../loader'
-import { CommandPaletteManager } from './command-palette-manager'
-import { CommandPaletteInput } from './command-palette-input'
-import { CommandPaletteSuggestionList } from './command-palette-suggestion-list'
-import type { CommandProvider } from './command-provider'
-import { ClickAwayService } from '../../services/click-away-service'
-import { ThemeProviderService } from '../../services'
+import { promisifyAnimation } from '../../utils/promisify-animation.js'
+import { Loader } from '../loader.js'
+import { CommandPaletteManager } from './command-palette-manager.js'
+import { CommandPaletteInput } from './command-palette-input.js'
+import { CommandPaletteSuggestionList } from './command-palette-suggestion-list.js'
+import type { CommandProvider } from './command-provider.js'
+import { ClickAwayService } from '../../services/click-away-service.js'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
 
-export * from './command-palette-input'
-export * from './command-palette-manager'
-export * from './command-palette-suggestion-list'
-export * from './command-provider'
+export * from './command-palette-input.js'
+export * from './command-palette-manager.js'
+export * from './command-palette-suggestion-list.js'
+export * from './command-provider.js'
 
 export interface CommandPaletteProps {
   commandProviders: CommandProvider[]

package/src/components/data-grid/body.tsx

@@ -1,9 +1,9 @@
-import type { CollectionService } from '../../services/collection-service'
+import type { CollectionService } from '../../services/collection-service.js'
 import type { ChildrenList } from '@furystack/shades'
 import { Shade, createComponent } from '@furystack/shades'
-import type { DataRowCells } from './data-grid'
-import { Loader } from '../loader'
-import { DataGridRow } from './data-grid-row'
+import type { DataRowCells } from './data-grid.js'
+import { Loader } from '../loader.js'
+import { DataGridRow } from './data-grid-row.js'
 
 export interface DataGridBodyProps<T> {
   service: CollectionService<T>

package/src/components/data-grid/data-grid-row.tsx

@@ -1,8 +1,8 @@
 import type { ChildrenList } from '@furystack/shades'
 import { attachStyles, createComponent, Shade } from '@furystack/shades'
-import { ThemeProviderService } from '../../services'
-import type { CollectionService } from '../../services/collection-service'
-import type { DataRowCells } from './data-grid'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
+import type { CollectionService } from '../../services/collection-service.js'
+import type { DataRowCells } from './data-grid.js'
 
 export interface DataGridRowProps<T> {
   entry: T

package/src/components/data-grid/data-grid.tsx

@@ -1,11 +1,12 @@
 import type { ChildrenList } from '@furystack/shades'
 import { createComponent, Shade } from '@furystack/shades'
-import type { CollectionService } from '../../services/collection-service'
-import type { GridProps } from '../grid'
-import { DataGridHeader } from './header'
-import { DataGridBody } from './body'
-import { DataGridFooter } from './footer'
-import { ClickAwayService, ThemeProviderService } from '../../services'
+import type { CollectionService } from '../../services/collection-service.js'
+import type { GridProps } from '../grid.js'
+import { DataGridHeader } from './header.js'
+import { DataGridBody } from './body.js'
+import { DataGridFooter } from './footer.js'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
+import { ClickAwayService } from '../../services/click-away-service.js'
 
 export type DataHeaderCells<T> = {
   [TKey in keyof T | 'default']?: (name: keyof T) => JSX.Element

package/src/components/data-grid/footer.tsx

@@ -1,6 +1,6 @@
 import { Shade, createComponent } from '@furystack/shades'
-import { ThemeProviderService } from '../../services'
-import type { CollectionService } from '../../services/collection-service'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
+import type { CollectionService } from '../../services/collection-service.js'
 
 export const dataGridItemsPerPage = [10, 20, 25, 50, 100, Infinity]
 

package/src/components/data-grid/header.tsx

@@ -1,12 +1,12 @@
 import type { FindOptions } from '@furystack/core'
 import type { ChildrenList } from '@furystack/shades'
 import { Shade, createComponent } from '@furystack/shades'
-import type { CollectionService } from '../../services/collection-service'
-import { Input } from '../inputs/input'
-import { Form } from '../form'
-import { Button } from '../button'
+import type { CollectionService } from '../../services/collection-service.js'
+import { Input } from '../inputs/input.js'
+import { Form } from '../form.js'
+import { Button } from '../button.js'
 import { ObservableValue } from '@furystack/utils'
-import { collapse, expand } from '../animations'
+import { collapse, expand } from '../animations.js'
 
 export interface DataGridHeaderProps<T, K extends keyof T> {
   collectionService: CollectionService<T>

package/src/components/data-grid/index.tsx

@@ -1,2 +1,2 @@
-export * from './data-grid'
-export * from './selection-cell'
+export * from './data-grid.js'
+export * from './selection-cell.js'

package/src/components/data-grid/selection-cell.tsx

@@ -1,5 +1,5 @@
 import { createComponent, Shade } from '@furystack/shades'
-import type { CollectionService } from '../../services'
+import type { CollectionService } from '../../services/collection-service.js'
 
 export const SelectionCell = Shade<{ entry: any; service: CollectionService<any> }>({
   shadowDomName: 'shades-data-grid-selection-cell',

package/src/components/form.tsx

@@ -1,7 +1,7 @@
 import type { ChildrenList, PartialElement } from '@furystack/shades'
 import { attachProps } from '@furystack/shades'
 import { Shade, createComponent } from '@furystack/shades'
-import type { InputValidationResult } from './inputs'
+import type { InputValidationResult } from './inputs/input.js'
 import { Injectable } from '@furystack/inject'
 import { ObservableValue } from '@furystack/utils'
 

package/src/components/grid.tsx

@@ -1,6 +1,6 @@
 import type { ChildrenList } from '@furystack/shades'
 import { Shade, createComponent } from '@furystack/shades'
-import { ThemeProviderService } from '../services'
+import { ThemeProviderService } from '../services/theme-provider-service.js'
 
 // ToDo: https://stackoverflow.com/questions/51459971/type-of-generic-stateless-component-react-or-extending-generic-function-interfa
 

package/src/components/index.ts

@@ -1,20 +1,20 @@
-export * from './animations'
-export * from './app-bar'
-export * from './app-bar-link'
-export * from './inputs'
-export * from './avatar'
-export * from './button'
-export * from './data-grid'
-export * from './fab'
-export * from './form'
-export * from './grid'
-export * from './modal'
-export * from './noty-list'
-export * from './paper'
-export * from './skeleton'
-export * from './styles'
-export * from './suggest'
-export * from './tabs'
-export * from './loader'
-export * from './command-palette'
-export * from './wizard'
+export * from './animations.js'
+export * from './app-bar.js'
+export * from './app-bar-link.js'
+export * from './inputs/index.js'
+export * from './avatar.js'
+export * from './button.js'
+export * from './data-grid/index.js'
+export * from './fab.js'
+export * from './form.js'
+export * from './grid.js'
+export * from './modal.js'
+export * from './noty-list.js'
+export * from './paper.js'
+export * from './skeleton.js'
+export * from './styles.js'
+export * from './suggest/index.js'
+export * from './tabs.js'
+export * from './loader.js'
+export * from './command-palette/index.js'
+export * from './wizard/index.js'

package/src/components/inputs/autocomplete.tsx

@@ -1,6 +1,6 @@
 import { Shade, createComponent } from '@furystack/shades'
-import type { TextInputProps } from './input'
-import { Input } from './input'
+import type { TextInputProps } from './input.js'
+import { Input } from './input.js'
 
 export const Autocomplete = Shade<{
   inputProps?: TextInputProps

package/src/components/inputs/index.ts

@@ -1,3 +1,3 @@
-export * from './autocomplete'
-export * from './input'
-export * from './text-area'
+export * from './autocomplete.js'
+export * from './input.js'
+export * from './text-area.js'

package/src/components/inputs/input.tsx

@@ -1,8 +1,9 @@
 import type { PartialElement } from '@furystack/shades'
 import { Shade, createComponent, attachStyles } from '@furystack/shades'
 import { ObservableValue } from '@furystack/utils'
-import { FormService, ThemeProviderService } from '../..'
-import type { Palette } from '../../services'
+import type { Palette } from '../../services/theme-provider-service.js'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
+import { FormService } from '../form.js'
 
 export type ValidInputValidationResult = { isValid: true }
 

package/src/components/inputs/text-area.tsx

@@ -1,7 +1,7 @@
 import type { PartialElement } from '@furystack/shades'
 import { createComponent, Shade } from '@furystack/shades'
-import { ThemeProviderService } from '../../services'
-import { promisifyAnimation } from '../../utils'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
+import { promisifyAnimation } from '../../utils/promisify-animation.js'
 
 export interface TextAreaProps extends PartialElement<HTMLTextAreaElement> {
   labelTitle?: string

package/src/components/loader.tsx

@@ -1,6 +1,6 @@
 import { Shade, createComponent } from '@furystack/shades'
-import { ThemeProviderService } from '../services'
-import { promisifyAnimation } from '../utils'
+import { ThemeProviderService } from '../services/theme-provider-service.js'
+import { promisifyAnimation } from '../utils/promisify-animation.js'
 
 interface LoaderProps {
   /**

package/src/components/noty-list.tsx

@@ -1,9 +1,9 @@
 import { attachProps, createComponent, Shade } from '@furystack/shades'
-import type { NotyModel } from '../services/noty-service'
-import { NotyService } from '../services/noty-service'
-import { ThemeProviderService } from '../services/theme-provider-service'
-import { promisifyAnimation } from '../utils'
-import { Button } from './button'
+import type { NotyModel } from '../services/noty-service.js'
+import { NotyService } from '../services/noty-service.js'
+import { ThemeProviderService } from '../services/theme-provider-service.js'
+import { promisifyAnimation } from '../utils/promisify-animation.js'
+import { Button } from './button.js'
 
 export const getDefaultNotyTimeouts = (type: NotyModel['type']) => {
   switch (type) {

package/src/components/paper.tsx

@@ -1,7 +1,7 @@
 import type { PartialElement } from '@furystack/shades'
 import { attachProps } from '@furystack/shades'
 import { Shade, createComponent } from '@furystack/shades'
-import { ThemeProviderService } from '../services/theme-provider-service'
+import { ThemeProviderService } from '../services/theme-provider-service.js'
 
 export const Paper = Shade<PartialElement<HTMLDivElement> & { elevation?: 1 | 2 | 3 }>({
   shadowDomName: 'shade-paper',

package/src/components/skeleton.tsx

@@ -1,5 +1,5 @@
 import { attachStyles, Shade } from '@furystack/shades'
-import { promisifyAnimation } from '../utils'
+import { promisifyAnimation } from '../utils/promisify-animation.js'
 
 export type SkeletonProps = {
   /**

package/src/components/suggest/index.tsx

@@ -1,17 +1,17 @@
 import type { ChildrenList } from '@furystack/shades'
 import { Shade, createComponent } from '@furystack/shades'
-import { promisifyAnimation } from '../../utils/promisify-animation'
-import { Loader } from '../loader'
-import { SuggestManager } from './suggest-manager'
-import type { SuggestionResult } from './suggestion-result'
-import { SuggestInput } from './suggest-input'
-import { SuggestionList } from './suggestion-list'
-import { ThemeProviderService } from '../../services'
+import { promisifyAnimation } from '../../utils/promisify-animation.js'
+import { Loader } from '../loader.js'
+import { SuggestManager } from './suggest-manager.js'
+import type { SuggestionResult } from './suggestion-result.js'
+import { SuggestInput } from './suggest-input.js'
+import { SuggestionList } from './suggestion-list.js'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
 
-export * from './suggest-input'
-export * from './suggest-manager'
-export * from './suggestion-list'
-export * from './suggestion-result'
+export * from './suggest-input.js'
+export * from './suggest-manager.js'
+export * from './suggestion-list.js'
+export * from './suggestion-result.js'
 
 export interface SuggestProps<T> {
   defaultPrefix: string

package/src/components/suggest/suggest-input.tsx

@@ -1,6 +1,6 @@
 import { Shade, createComponent } from '@furystack/shades'
-import { ThemeProviderService } from '../../services'
-import type { SuggestManager } from './suggest-manager'
+import { ThemeProviderService } from '../../services/theme-provider-service.js'
+import type { SuggestManager } from './suggest-manager.js'
 
 export const SuggestInput = Shade<{ manager: SuggestManager<any> }>({
   shadowDomName: 'shades-suggest-input',