@wonderlandlabs-pixi-ux/box 1.2.3 → 1.2.6

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/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/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.3",
+  "version": "1.2.6",
   "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"
+  ]
 }
-

package/dist/Box.stories.d.ts

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/html';
-import type { Align } from './types';
-interface BoxArgs {
-    padding: number;
-    alignX: Align;
-    alignY: Align;
-    boxWidth: number;
-    boxHeight: number;
-    contentWidth: number;
-    contentHeight: number;
-}
-declare const meta: Meta<BoxArgs>;
-export default meta;
-type Story = StoryObj<BoxArgs>;
-export declare const AlignmentDemo: Story;

package/dist/Box.stories.js

@@ -1,103 +0,0 @@
-import { Application, Graphics } from 'pixi.js';
-import { BoxLeafStore } from './BoxLeafStore';
-const meta = {
-    title: 'Box/BoxLeafStore',
-    argTypes: {
-        padding: {
-            control: { type: 'range', min: 0, max: 50, step: 5 },
-            description: 'Uniform padding around content',
-        },
-        alignX: {
-            control: { type: 'select' },
-            options: ['start', 'center', 'end'],
-            description: 'Horizontal alignment of content',
-        },
-        alignY: {
-            control: { type: 'select' },
-            options: ['start', 'center', 'end'],
-            description: 'Vertical alignment of content',
-        },
-        boxWidth: {
-            control: { type: 'range', min: 100, max: 500, step: 10 },
-            description: 'Box width',
-        },
-        boxHeight: {
-            control: { type: 'range', min: 100, max: 400, step: 10 },
-            description: 'Box height',
-        },
-        contentWidth: {
-            control: { type: 'range', min: 20, max: 200, step: 10 },
-            description: 'Content box width',
-        },
-        contentHeight: {
-            control: { type: 'range', min: 20, max: 200, step: 10 },
-            description: 'Content box height',
-        },
-    },
-    args: {
-        padding: 20,
-        alignX: 'center',
-        alignY: 'center',
-        boxWidth: 300,
-        boxHeight: 200,
-        contentWidth: 80,
-        contentHeight: 60,
-    },
-};
-export default meta;
-export const AlignmentDemo = {
-    render: (args) => {
-        const wrapper = document.createElement('div');
-        wrapper.style.width = '100%';
-        wrapper.style.height = '600px';
-        wrapper.style.position = 'relative';
-        let boxStore;
-        const app = new Application();
-        app.init({
-            width: 800,
-            height: 600,
-            backgroundColor: 0x1a1a2e,
-            antialias: true,
-        }).then(() => {
-            wrapper.appendChild(app.canvas);
-            // Create the box store with new config format
-            boxStore = new BoxLeafStore({
-                id: 'demo-box',
-                x: 250,
-                y: 200,
-                xDef: { size: args.boxWidth, align: args.alignX, sizeMode: 'px' },
-                yDef: { size: args.boxHeight, align: args.alignY, sizeMode: 'px' },
-                padding: {
-                    top: args.padding,
-                    right: args.padding,
-                    bottom: args.padding,
-                    left: args.padding,
-                },
-                style: {
-                    fill: {
-                        color: { r: 0.2, g: 0.3, b: 0.5 },
-                        alpha: 1,
-                    },
-                    stroke: {
-                        color: { r: 0.4, g: 0.5, b: 0.8 },
-                        alpha: 1,
-                        width: 2,
-                    },
-                    borderRadius: 8,
-                },
-            }, app);
-            // Create content graphics
-            const contentBox = new Graphics({ label: 'content-box' });
-            contentBox.roundRect(0, 0, args.contentWidth, args.contentHeight, 4);
-            contentBox.fill({ color: 0xff6b6b, alpha: 0.9 });
-            contentBox.stroke({ color: 0xffffff, alpha: 0.5, width: 1 });
-            // Set content on the leaf store
-            boxStore.setContent(contentBox);
-            // Add box to stage
-            app.stage.addChild(boxStore.container);
-            // Trigger initial render
-            boxStore.markDirty();
-        });
-        return wrapper;
-    },
-};

package/dist/BoxLeafStore.d.ts

@@ -1,7 +0,0 @@
-import { Application, type ContainerOptions, type Graphics, type Sprite, type Text, type Container } from 'pixi.js';
-import { BoxStore } from './BoxStore';
-import type { BaseBoxConfig, BoxProps } from './types';
-export declare class BoxLeafStore extends BoxStore {
-    constructor(config: BaseBoxConfig, app: Application, boxProps?: BoxProps, rootProps?: ContainerOptions);
-    setContent(content: Graphics | Sprite | Text | Container | null): void;
-}

package/dist/BoxLeafStore.js

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

package/dist/BoxListStore.d.ts

@@ -1,7 +0,0 @@
-import { Application, type ContainerOptions } from 'pixi.js';
-import { BoxStore } from './BoxStore';
-import type { BaseBoxConfig, BoxProps } from './types';
-export declare class BoxListStore extends BoxStore {
-    constructor(config: BaseBoxConfig, app: Application, boxProps?: BoxProps, rootProps?: ContainerOptions);
-    addChild(child: BaseBoxConfig | BoxStore): BoxStore;
-}

package/dist/BoxListStore.js

@@ -1,10 +0,0 @@
-import { BoxStore } from './BoxStore';
-export class BoxListStore extends BoxStore {
-    constructor(config, app, boxProps, rootProps) {
-        super({ ...config, kind: 'list' }, app, boxProps, rootProps);
-    }
-    addChild(child) {
-        const nextConfig = child instanceof BoxStore ? child.toConfig() : child;
-        return super.addChild(nextConfig);
-    }
-}

package/dist/BoxRenderContentMap.d.ts

@@ -1,26 +0,0 @@
-import { Container, Graphics } from 'pixi.js';
-import type { BoxTree } from './BoxTree';
-export declare const BOX_RENDER_CONTENT_ORDER: {
-    readonly BACKGROUND: 0;
-    readonly CHILDREN: 50;
-    readonly OVERLAY: 100;
-};
-type LayerContent = Container | Graphics;
-type BoxRenderContentFactories = {
-    createBackgroundGraphic: () => Graphics;
-    createChildrenContainer: () => Container;
-    createOverlayContainer: () => Container;
-    createStrokeGraphic: () => Graphics;
-};
-export declare class BoxRenderContentMap extends Map<number, LayerContent> {
-    #private;
-    readonly $box: BoxTree;
-    constructor(box: BoxTree, factories: BoxRenderContentFactories);
-    $background(): Graphics;
-    $children(): Container;
-    $overlay(): Container;
-    $stroke(): Graphics;
-    $ensureDefaults(): void;
-    $render(parent: Container): void;
-}
-export {};