@wonderlandlabs-pixi-ux/box 1.2.2 → 1.2.5

package/dist/Box.stories.js

@@ -1,5 +1,5 @@
 import { Application, Graphics } from 'pixi.js';
-import { BoxLeafStore } from './BoxLeafStore';
+import { BoxLeafStore } from './BoxLeafStore.js';
 const meta = {
     title: 'Box/BoxLeafStore',
     argTypes: {

package/dist/BoxLeafStore.js

@@ -1,4 +1,4 @@
-import { BoxStore } from './BoxStore';
+import { BoxStore } from './BoxStore.js';
 export class BoxLeafStore extends BoxStore {
     constructor(config, app, boxProps, rootProps) {
         super({ ...config, kind: 'leaf' }, app, boxProps, rootProps);

package/dist/BoxListStore.js

@@ -1,4 +1,4 @@
-import { BoxStore } from './BoxStore';
+import { BoxStore } from './BoxStore.js';
 export class BoxListStore extends BoxStore {
     constructor(config, app, boxProps, rootProps) {
         super({ ...config, kind: 'list' }, app, boxProps, rootProps);

package/dist/BoxStore.js

@@ -13,8 +13,8 @@ var _BoxStore_instances, _a, _BoxStore_leafContent, _BoxStore_textDisplay, _BoxS
 import { TickerForest } from '@wonderlandlabs-pixi-ux/ticker-forest';
 import { Container, Graphics, Text, TextStyle, } from 'pixi.js';
 import { distinctUntilChanged, map } from 'rxjs';
-import { createBoxState } from './types';
-import { pathToString } from './pathUtils';
+import { createBoxState } from './types.js';
+import { pathToString } from './pathUtils.js';
 export class BoxStore extends TickerForest {
     constructor(configOrParams, app, boxProps, rootProps) {
         const params = __classPrivateFieldGet(_a, _a, "m", _BoxStore_isStoreParams).call(_a, configOrParams)

package/dist/BoxTextStore.js

@@ -1,4 +1,4 @@
-import { BoxStore } from './BoxStore';
+import { BoxStore } from './BoxStore.js';
 export class BoxTextStore extends BoxStore {
     constructor(config, app, boxProps, rootProps) {
         super({ ...config, kind: 'text' }, app, boxProps, rootProps);

package/dist/BoxTree.d.ts

@@ -1,8 +1,8 @@
 import { Forest, type StoreParams } from '@wonderlandlabs/forestry4';
 import type { Application } from 'pixi.js';
-import type { BoxTreeUxStyleManagerLike } from './types.ux';
-import { type BoxContent, type BoxTreeConfig, type BoxTreeState, type Direction, type ResolvedArea, type ResolvedRect, type StyleName } from './types.boxtree';
-export * from './types.boxtree';
+import type { BoxTreeUxStyleManagerLike } from './types.ux.js';
+import { type BoxContent, type BoxTreeConfig, type BoxTreeState, type Direction, type ResolvedArea, type ResolvedRect, type StyleName } from './types.boxtree.js';
+export * from './types.boxtree.js';
 type StyleQueryLike = {
     nouns: string[];
     states: string[];

package/dist/BoxTree.js

@@ -13,12 +13,12 @@ var _BoxTree_instances, _BoxTree_uxMapFn, _BoxTree_uxApplyToChildren, _BoxTree_u
 import { Forest } from '@wonderlandlabs/forestry4';
 import { z } from 'zod';
 import { distinctUntilChanged, map, skip } from 'rxjs';
-import { AxisConstraintSchema, PxValueSchema } from './types';
-import { applyAxisConstraints, resolveConstraintValuePx, resolveMeasurement } from './sizeUtils';
-import { pathToString } from './pathUtils';
-import { BoxUxPixi } from './BoxUx';
-import { AlignInputSchema, AreaPivotInputSchema, BoxContentSchema, BoxAlignSchema, BoxAreaSchema, BoxTreeNodeConfigSchema, BoxTreeNodeStateSchema, BoxTreeStateSchema, } from './types.boxtree';
-export * from './types.boxtree';
+import { AxisConstraintSchema, PxValueSchema } from './types.js';
+import { applyAxisConstraints, resolveConstraintValuePx, resolveMeasurement } from './sizeUtils.js';
+import { pathToString } from './pathUtils.js';
+import { BoxUxPixi } from './BoxUx.js';
+import { AlignInputSchema, AreaPivotInputSchema, BoxContentSchema, BoxAlignSchema, BoxAreaSchema, BoxTreeNodeConfigSchema, BoxTreeNodeStateSchema, BoxTreeStateSchema, } from './types.boxtree.js';
+export * from './types.boxtree.js';
 const DEFAULT_BOX_UX_MAP_FN = (box) => new BoxUxPixi(box);
 function zodMessage(error) {
     if (error instanceof z.ZodError) {

package/dist/BoxTreeRenderer.js

@@ -1,11 +1,11 @@
-import './pixiEnvironment';
+import './pixiEnvironment.js';
 import { Container, Graphics } from 'pixi.js';
 import { distinctUntilChanged, map } from 'rxjs';
-import { BOX_RENDER_CONTENT_ORDER, BoxRenderContentMap } from './BoxRenderContentMap';
-import { BACKGROUND_CONTAINER, CHILD_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './boxTreeUx.constants';
-import { asColorNumber, asNonNegativeNumber, isBoxTreeUxConfig, styleMapEquals, } from './boxTreeUx.utils';
+import { BOX_RENDER_CONTENT_ORDER, BoxRenderContentMap } from './BoxRenderContentMap.js';
+import { BACKGROUND_CONTAINER, CHILD_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './boxTreeUx.constants.js';
+import { asColorNumber, asNonNegativeNumber, isBoxTreeUxConfig, styleMapEquals, } from './boxTreeUx.utils.js';
 export { BOX_RENDER_CONTENT_ORDER };
-export { BACKGROUND_CONTAINER, CHILD_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './boxTreeUx.constants';
+export { BACKGROUND_CONTAINER, CHILD_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './boxTreeUx.constants.js';
 function isBoxTreeUx(value) {
     if (!value || typeof value !== 'object') {
         return false;

package/dist/BoxUx.d.ts

@@ -1,14 +1,14 @@
-import './pixiEnvironment';
+import './pixiEnvironment.js';
 import type { Application } from 'pixi.js';
 import { Container, Graphics } from 'pixi.js';
-import type { BoxRenderer, BoxTree } from './BoxTree';
-import { BoxUxBase } from './BoxUxBase';
-import { MapEnhanced } from './BoxUxContextMap';
-import type { BoxTreeStyleMap, BoxTreeUxStyleManagerLike } from './types.ux';
-export { BOX_UX_CONTENT_ORDER, BOX_UX_ORDER, BOX_UX_LAYER, BOX_RENDER_CONTENT_ORDER, getUxOrder, setUxOrder, } from './constants';
-export { BACKGROUND_CONTAINER, BOX_UX_ENV, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './constants.ux';
-export type { BoxTreeFillStyle, BoxTreeStrokeStyle, BoxTreeStyleMap, BoxTreeUxStyleManagerLike, } from './types.ux';
-export { BoxUxBase } from './BoxUxBase';
+import type { BoxRenderer, BoxTree } from './BoxTree.js';
+import { BoxUxBase } from './BoxUxBase.js';
+import { MapEnhanced } from './BoxUxContextMap.js';
+import type { BoxTreeStyleMap, BoxTreeUxStyleManagerLike } from './types.ux.js';
+export { BOX_UX_CONTENT_ORDER, BOX_UX_ORDER, BOX_UX_LAYER, BOX_RENDER_CONTENT_ORDER, getUxOrder, setUxOrder, } from './constants.js';
+export { BACKGROUND_CONTAINER, BOX_UX_ENV, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './constants.ux.js';
+export type { BoxTreeFillStyle, BoxTreeStrokeStyle, BoxTreeStyleMap, BoxTreeUxStyleManagerLike, } from './types.ux.js';
+export { BoxUxBase } from './BoxUxBase.js';
 /**
  * Default BoxTree UX implementation for Pixi containers.
  *

package/dist/BoxUx.js

@@ -10,16 +10,16 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _BoxUxPixi_instances, _BoxUxPixi_managedContentNode, _BoxUxPixi_managedContentKey, _BoxUxPixi_strokeGraphic, _BoxUxPixi_requireGraphicsLayer, _BoxUxPixi_requireContainerLayer, _BoxUxPixi_syncChildren, _BoxUxPixi_isRenderableContent, _BoxUxPixi_isContentEmpty, _BoxUxPixi_renderContentMap, _BoxUxPixi_clearManagedContent, _BoxUxPixi_syncNodeContent, _BoxUxPixi_renderBackground, _BoxUxPixi_destroyContent;
-import './pixiEnvironment';
+import './pixiEnvironment.js';
 import { Container, Graphics, Sprite, Text, TextStyle } from 'pixi.js';
-import { BoxUxBase } from './BoxUxBase';
-import { MapEnhanced } from './BoxUxContextMap';
-import { BOX_RENDER_CONTENT_ORDER, BOX_UX_LAYER, } from './constants';
-import { BACKGROUND_CONTAINER, BOX_UX_ENV, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './constants.ux';
-import { asColorNumber, asNonNegativeNumber, resolveStyleProp } from './utils.ux';
-export { BOX_UX_CONTENT_ORDER, BOX_UX_ORDER, BOX_UX_LAYER, BOX_RENDER_CONTENT_ORDER, getUxOrder, setUxOrder, } from './constants';
-export { BACKGROUND_CONTAINER, BOX_UX_ENV, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './constants.ux';
-export { BoxUxBase } from './BoxUxBase';
+import { BoxUxBase } from './BoxUxBase.js';
+import { MapEnhanced } from './BoxUxContextMap.js';
+import { BOX_RENDER_CONTENT_ORDER, BOX_UX_LAYER, } from './constants.js';
+import { BACKGROUND_CONTAINER, BOX_UX_ENV, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './constants.ux.js';
+import { asColorNumber, asNonNegativeNumber, resolveStyleProp } from './utils.ux.js';
+export { BOX_UX_CONTENT_ORDER, BOX_UX_ORDER, BOX_UX_LAYER, BOX_RENDER_CONTENT_ORDER, getUxOrder, setUxOrder, } from './constants.js';
+export { BACKGROUND_CONTAINER, BOX_UX_ENV, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, ROOT_CONTAINER, STROKE_CONTAINER, } from './constants.ux.js';
+export { BoxUxBase } from './BoxUxBase.js';
 function isBoxUxPixi(value) {
     if (!value || typeof value !== 'object') {
         return false;

package/dist/BoxUxBase.d.ts

@@ -1,4 +1,4 @@
-import type { BoxRenderer, BoxTree } from './BoxTree';
+import type { BoxRenderer, BoxTree } from './BoxTree.js';
 export declare abstract class BoxUxBase implements BoxRenderer {
     #private;
     abstract readonly env: string;

package/dist/ProductCatalog.stories.js

@@ -1,8 +1,8 @@
 import { Application, Assets, Graphics, Sprite } from 'pixi.js';
-import { BoxListStore } from './BoxListStore';
-import { BoxLeafStore } from './BoxLeafStore';
-import { BoxTextStore } from './BoxTextStore';
-import { uniformPadding } from './types';
+import { BoxListStore } from './BoxListStore.js';
+import { BoxLeafStore } from './BoxLeafStore.js';
+import { BoxTextStore } from './BoxTextStore.js';
+import { uniformPadding } from './types.js';
 const meta = {
     title: 'Box/ProductCatalog',
     argTypes: {

package/dist/_deprecated/Box.stories.js

@@ -1,5 +1,5 @@
 import { Application, Graphics } from 'pixi.js';
-import { BoxLeafStore } from './BoxLeafStore';
+import { BoxLeafStore } from './BoxLeafStore.js';
 const meta = {
     title: 'Box/BoxLeafStore',
     argTypes: {

package/dist/_deprecated/BoxLeafStore.js

@@ -1,4 +1,4 @@
-import { BoxStore } from './BoxStore';
+import { BoxStore } from './BoxStore.js';
 export class BoxLeafStore extends BoxStore {
     constructor(config, app, boxProps, rootProps) {
         super({ ...config, kind: 'leaf' }, app, boxProps, rootProps);

package/dist/_deprecated/BoxListStore.js

@@ -1,4 +1,4 @@
-import { BoxStore } from './BoxStore';
+import { BoxStore } from './BoxStore.js';
 export class BoxListStore extends BoxStore {
     constructor(config, app, boxProps, rootProps) {
         super({ ...config, kind: 'list' }, app, boxProps, rootProps);

package/dist/_deprecated/BoxStore.js

@@ -13,9 +13,9 @@ var _BoxStore_instances, _a, _BoxStore_leafContent, _BoxStore_textDisplay, _BoxS
 import { TickerForest } from '@wonderlandlabs-pixi-ux/ticker-forest/dist/TickerForest';
 import { Container, Graphics, Text, TextStyle, } from 'pixi.js';
 import { distinctUntilChanged, map } from 'rxjs';
-import { createBoxState } from './types';
-import { SIZE_MODE } from '../constants';
-import { pathToString } from '../pathUtils';
+import { createBoxState } from './types.js';
+import { SIZE_MODE } from '../constants.js';
+import { pathToString } from '../pathUtils.js';
 export class BoxStore extends TickerForest {
     constructor(configOrParams, app, boxProps, rootProps) {
         const params = __classPrivateFieldGet(_a, _a, "m", _BoxStore_isStoreParams).call(_a, configOrParams)

package/dist/_deprecated/BoxTextStore.js

@@ -1,4 +1,4 @@
-import { BoxStore } from './BoxStore';
+import { BoxStore } from './BoxStore.js';
 export class BoxTextStore extends BoxStore {
     constructor(config, app, boxProps, rootProps) {
         super({ ...config, kind: 'text' }, app, boxProps, rootProps);

package/dist/_deprecated/ProductCatalog.stories.js

@@ -1,9 +1,9 @@
 import { Application, Assets, Graphics, Sprite } from 'pixi.js';
-import { BoxListStore } from './BoxListStore';
-import { BoxLeafStore } from './BoxLeafStore';
-import { BoxTextStore } from './BoxTextStore';
-import { uniformPadding } from './types';
-import { SIZE_MODE_INPUT } from '../constants';
+import { BoxListStore } from './BoxListStore.js';
+import { BoxLeafStore } from './BoxLeafStore.js';
+import { BoxTextStore } from './BoxTextStore.js';
+import { uniformPadding } from './types.js';
+import { SIZE_MODE_INPUT } from '../constants.js';
 const meta = {
     title: 'Box/ProductCatalog',
     argTypes: {

package/dist/_deprecated/types.js

@@ -1,6 +1,6 @@
 import { z } from 'zod';
-import { SIZE_MODE, SIZE_MODE_INPUT } from '../constants';
-import { dictToStringArray } from '../enumUtils';
+import { SIZE_MODE, SIZE_MODE_INPUT } from '../constants.js';
+import { dictToStringArray } from '../enumUtils.js';
 // ==================== Size Mode ====================
 export const SizeModeInputSchema = z.enum(dictToStringArray(SIZE_MODE_INPUT));
 export const SizeModeSchema = z.enum(dictToStringArray(SIZE_MODE));

package/dist/boxTreeRenderers.d.ts

@@ -1,4 +1,4 @@
-import type { BoxTree } from './BoxTree';
+import type { BoxTree } from './BoxTree.js';
 import type { Container } from 'pixi.js';
 export type BoxTreeToPixiNodeStyle = {
     fill?: number;

package/dist/pixiEnvironment.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/pixiEnvironment.js

@@ -1,4 +1,3 @@
-"use strict";
 // Pixi touches `navigator` at module init time; provide a minimal shim in non-browser runtimes.
 if (typeof globalThis.navigator === 'undefined') {
     Object.defineProperty(globalThis, 'navigator', {
@@ -7,3 +6,4 @@ if (typeof globalThis.navigator === 'undefined') {
         writable: true,
     });
 }
+export {};

package/dist/sizeUtils.d.ts

@@ -1,5 +1,5 @@
-import { AXIS } from './constants';
-import type { AxisConstraintLike, Measurement } from './types';
+import { AXIS } from './constants.js';
+import type { AxisConstraintLike, Measurement } from './types.js';
 type AxisValue = (typeof AXIS)[keyof typeof AXIS];
 export type ResolveMeasurementOptions = {
     axis?: AxisValue;

package/dist/types.boxtree.d.ts

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import { type AxisConstraintLike, type Measurement } from './types';
+import { type AxisConstraintLike, type Measurement } from './types.js';
 export type BoxStyle = Record<string, unknown>;
 export declare const AxisSchema: z.ZodEnum<{
     x: "x";

package/dist/types.boxtree.js

@@ -1,7 +1,7 @@
 import { z } from 'zod';
-import { ALIGN_ENUM_ALIASES, ALIGN_ENUM_KEYWORDS, AXIS } from './constants';
-import { dictToStringArray } from './enumUtils';
-import { AxisConstraintSchema, MeasurementSchema, } from './types';
+import { ALIGN_ENUM_ALIASES, ALIGN_ENUM_KEYWORDS, AXIS } from './constants.js';
+import { dictToStringArray } from './enumUtils.js';
+import { AxisConstraintSchema, MeasurementSchema, } from './types.js';
 export const AxisSchema = z.enum(dictToStringArray(AXIS));
 export const DirectionSchema = z.enum(['row', 'column']);
 export const BoxContentTypeSchema = z.enum(['text', 'url', 'image']);

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import { ALIGN, UNIT_BASIS } from './constants';
+import { ALIGN, UNIT_BASIS } from './constants.js';
 export type AlignLabel = keyof typeof ALIGN;
 export type MeasurementModeLabel = keyof typeof UNIT_BASIS;
 export declare const SizeModeSchema: z.ZodEnum<{

package/dist/types.js

@@ -1,6 +1,6 @@
 import { z } from 'zod';
-import { MEASUREMENT_ENUM_CANONICAL, MEASUREMENT_ENUM_INPUT, UNIT_BASIS, } from './constants';
-import { dictToStringArray } from './enumUtils';
+import { MEASUREMENT_ENUM_CANONICAL, MEASUREMENT_ENUM_INPUT, UNIT_BASIS, } from './constants.js';
+import { dictToStringArray } from './enumUtils.js';
 export const SizeModeSchema = z.enum(dictToStringArray(MEASUREMENT_ENUM_CANONICAL));
 export const FractionalMeasurementModeSchema = z.literal(MEASUREMENT_ENUM_INPUT.FRACTION);
 export const MeasurementInputModeSchema = z.enum(dictToStringArray(MEASUREMENT_ENUM_INPUT));

package/dist/utils.ux.d.ts

@@ -1,4 +1,4 @@
-import type { BoxTreeStyleMap, BoxTreeUxStyleManagerLike } from './types.ux';
+import type { BoxTreeStyleMap, BoxTreeUxStyleManagerLike } from './types.ux.js';
 export declare function asColorNumber(value: unknown): number | undefined;
 export declare function asNonNegativeNumber(value: unknown): number | undefined;
 export declare function styleMapEquals(a: BoxTreeStyleMap, b: BoxTreeStyleMap): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wonderlandlabs-pixi-ux/box",
-  "version": "1.2.2",
+  "version": "1.2.5",
   "description": "Box component with size, padding, anchor, and content alignment for wonderlandlabs-pixi-ux",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -33,5 +33,6 @@
     "type": "git",
     "url": "git+https://github.com/wonderlandlabs-pixi-ux/wonderlandlabs-pixi-ux.git",
     "directory": "packages/box"
-  }
+  },
+  "type": "module"
 }

package/src/BoxTree.ts

@@ -2,11 +2,11 @@ import { Forest, type StoreParams } from '@wonderlandlabs/forestry4';
 import { z } from 'zod';
 import type { Application, Ticker } from 'pixi.js';
 import { distinctUntilChanged, map, skip, type Subscription } from 'rxjs';
-import { AxisConstraintSchema, PxValueSchema, type PxValue } from './types';
-import { applyAxisConstraints, resolveConstraintValuePx, resolveMeasurement } from './sizeUtils';
-import { pathToString } from './pathUtils';
-import { BoxUxPixi } from './BoxUx';
-import type { BoxTreeUxStyleManagerLike } from './types.ux';
+import { AxisConstraintSchema, PxValueSchema, type PxValue } from './types.js';
+import { applyAxisConstraints, resolveConstraintValuePx, resolveMeasurement } from './sizeUtils.js';
+import { pathToString } from './pathUtils.js';
+import { BoxUxPixi } from './BoxUx.js';
+import type { BoxTreeUxStyleManagerLike } from './types.ux.js';
 import {
   AlignInputSchema,
   AreaPivotInputSchema,
@@ -29,9 +29,9 @@ import {
   type ResolvedArea,
   type ResolvedRect,
   type StyleName,
-} from './types.boxtree';
+} from './types.boxtree.js';
 
-export * from './types.boxtree';
+export * from './types.boxtree.js';
 
 type StyleQueryLike = {
   nouns: string[];

package/src/BoxUx.ts

@@ -1,9 +1,9 @@
-import './pixiEnvironment';
+import './pixiEnvironment.js';
 import type { Application } from 'pixi.js';
 import { Container, Graphics, Sprite, Text, TextStyle } from 'pixi.js';
-import type { BoxRenderer, BoxTree } from './BoxTree';
-import { BoxUxBase } from './BoxUxBase';
-import { MapEnhanced } from './BoxUxContextMap';
+import type { BoxRenderer, BoxTree } from './BoxTree.js';
+import { BoxUxBase } from './BoxUxBase.js';
+import { MapEnhanced } from './BoxUxContextMap.js';
 import {
   BOX_RENDER_CONTENT_ORDER,
   BOX_UX_CONTENT_ORDER,
@@ -11,7 +11,7 @@ import {
   BOX_UX_ORDER,
   getUxOrder,
   setUxOrder,
-} from './constants';
+} from './constants.js';
 import {
   BACKGROUND_CONTAINER,
   BOX_UX_ENV,
@@ -20,12 +20,12 @@ import {
   OVERLAY_CONTAINER,
   ROOT_CONTAINER,
   STROKE_CONTAINER,
-} from './constants.ux';
-import { asColorNumber, asNonNegativeNumber, resolveStyleProp } from './utils.ux';
+} from './constants.ux.js';
+import { asColorNumber, asNonNegativeNumber, resolveStyleProp } from './utils.ux.js';
 import type {
   BoxTreeStyleMap,
   BoxTreeUxStyleManagerLike,
-} from './types.ux';
+} from './types.ux.js';
 
 export {
   BOX_UX_CONTENT_ORDER,
@@ -34,7 +34,7 @@ export {
   BOX_RENDER_CONTENT_ORDER,
   getUxOrder,
   setUxOrder,
-} from './constants';
+} from './constants.js';
 export {
   BACKGROUND_CONTAINER,
   BOX_UX_ENV,
@@ -43,14 +43,14 @@ export {
   OVERLAY_CONTAINER,
   ROOT_CONTAINER,
   STROKE_CONTAINER,
-} from './constants.ux';
+} from './constants.ux.js';
 export type {
   BoxTreeFillStyle,
   BoxTreeStrokeStyle,
   BoxTreeStyleMap,
   BoxTreeUxStyleManagerLike,
-} from './types.ux';
-export { BoxUxBase } from './BoxUxBase';
+} from './types.ux.js';
+export { BoxUxBase } from './BoxUxBase.js';
 
 function isBoxUxPixi(value: unknown): value is BoxUxPixi {
   if (!value || typeof value !== 'object') {

package/src/BoxUxBase.ts

@@ -1,4 +1,4 @@
-import type { BoxRenderer, BoxTree } from './BoxTree';
+import type { BoxRenderer, BoxTree } from './BoxTree.js';
 
 export abstract class BoxUxBase implements BoxRenderer {
   abstract readonly env: string;

package/src/boxTreeRenderers.ts

@@ -1,4 +1,4 @@
-import type { BoxTree } from './BoxTree';
+import type { BoxTree } from './BoxTree.js';
 import type { Container } from 'pixi.js';
 
 type BoxNodeContentType = 'text' | 'url' | 'image';

package/src/sizeUtils.ts

@@ -1,5 +1,5 @@
-import { AXIS } from './constants';
-import type { AxisConstraintLike, Measurement } from './types';
+import { AXIS } from './constants.js';
+import type { AxisConstraintLike, Measurement } from './types.js';
 
 type AxisValue = (typeof AXIS)[keyof typeof AXIS];
 

package/src/types.boxtree.ts

@@ -1,12 +1,12 @@
 import { z } from 'zod';
-import { ALIGN_ENUM_ALIASES, ALIGN_ENUM_KEYWORDS, AXIS } from './constants';
-import { dictToStringArray } from './enumUtils';
+import { ALIGN_ENUM_ALIASES, ALIGN_ENUM_KEYWORDS, AXIS } from './constants.js';
+import { dictToStringArray } from './enumUtils.js';
 import {
   AxisConstraintSchema,
   MeasurementSchema,
   type AxisConstraintLike,
   type Measurement,
-} from './types';
+} from './types.js';
 
 export type BoxStyle = Record<string, unknown>;
 

package/src/types.ts

@@ -4,8 +4,8 @@ import {
   MEASUREMENT_ENUM_CANONICAL,
   MEASUREMENT_ENUM_INPUT,
   UNIT_BASIS,
-} from './constants';
-import { dictToStringArray } from './enumUtils';
+} from './constants.js';
+import { dictToStringArray } from './enumUtils.js';
 
 export type AlignLabel = keyof typeof ALIGN;
 export type MeasurementModeLabel = keyof typeof UNIT_BASIS;

package/src/utils.ux.ts

@@ -1,4 +1,4 @@
-import type { BoxTreeStyleMap, BoxTreeUxStyleManagerLike } from './types.ux';
+import type { BoxTreeStyleMap, BoxTreeUxStyleManagerLike } from './types.ux.js';
 
 type RgbLike = {
   r: number;

package/tsconfig.json

@@ -1,19 +1,27 @@
 {
   "compilerOptions": {
     "target": "ES2020",
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "NodeNext",
+    "lib": [
+      "ES2020",
+      "DOM",
+      "DOM.Iterable"
+    ],
     "declaration": true,
     "outDir": "./dist",
     "rootDir": "./src",
     "strict": true,
-    "moduleResolution": "bundler",
+    "moduleResolution": "NodeNext",
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true
   },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist"]
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
 }
-