@wonderlandlabs-pixi-ux/box 1.0.2 → 1.1.2

package/CHANGELOG.md

@@ -1,9 +1,5 @@
 # CHANGELOG
 
-## 1.0.2 - 2026-02-26
-
-- Bumped package version by +0.0.1.
-- Bumped dependency ranges by +0.0.1 where applicable.
 ## 1.0
 
 Achieved a basic system to use nested containers / tree system
@@ -14,4 +10,9 @@ to express flex -like containment in pixi
 Refactored for a single - class expression; full reboot with
 fewer size modes and more robust updating. Fully removed all pixi/
 rendering from the boxes; child classes/external utilities responsible
-for rendering content. 
+for rendering content.
+
+## 1.1.1 - 2026-02-27
+
+- Instituted a deeper style-key pattern using dot-separated noun parts, with interCaps compatibility in style-tree.
+- Raised the Node runtime baseline to `>=20.0.0`.

package/dist/index.d.ts

@@ -1,12 +1,12 @@
-export { AxisSchema as TreeAxisSchema, DirectionSchema as TreeDirectionSchema, BoxContentTypeSchema as TreeBoxContentTypeSchema, BoxContentSchema as TreeBoxContentSchema, StyleNameSchema as TreeStyleNameSchema, VerbSchema as TreeVerbSchema, VerbListSchema as TreeVerbListSchema, AlignmentsSchema as TreeAlignmentsSchema, AlignKeywordSchema as TreeAlignKeywordSchema, AlignAliasSchema as TreeAlignAliasSchema, AlignInputSchema as TreeAlignInputSchema, XYPositionSchema as TreeXYPositionSchema, BoxSizeSchema as TreeBoxSizeSchema, AreaPivotKeywordSchema as TreeAreaPivotKeywordSchema, AreaPivotAliasSchema as TreeAreaPivotAliasSchema, AreaPivotInputSchema as TreeAreaPivotInputSchema, AreaPivotSchema as TreeAreaPivotSchema, BoxAreaSchema as TreeAreaSchema, BoxAreaSchema as TreeRectSchema, AxisAlignmentsSchema as TreeAxisAlignmentsSchema, BoxAlignSchema as TreeAlignSchema, AxisConstraintsByAxisSchema as TreeAxisConstraintsByAxisSchema, BoxConstrainSchema as TreeConstrainSchema, BoxTreeStateBaseSchema, BoxTreeNodeStateSchema, BoxTreeStateSchema, BoxTreeNodeConfigSchema, type BoxTreeConfig, type BoxTreeState, type Axis, type Direction as TreeDirection, type BoxContentType, type BoxContent, type StyleName, type Verb, type VerbList, type Alignments, type AlignKeyword, type AlignAlias, type AlignInput, type XYPosition, type BoxSize2D, type AreaPivotKeyword, type AreaPivotAlias, type AreaPivotInput, type AreaPivot, type BoxArea, type BoxRect, type AxisAlignments, type AxisConstraintsByAxis, type BoxSize, type AxisConstrain, type BoxAlign, type BoxConstrain, } from './types.boxtree';
-export { BoxTree, createBoxTreeState, type BoxUx, type BoxUxMapFn, type BoxRenderer, type BoxRenderMapFn, type BoxTreeRuntimeConfig, } from './BoxTree';
-export { MapEnhanced, } from './BoxUxContextMap';
-export { BoxUxBase, } from './BoxUxBase';
-export { BoxUxPixi, BoxTreeUx, BoxTreeRenderer, type BoxTreeStyleManagerLike, } from './BoxUx';
-export { ROOT_CONTAINER, BACKGROUND_CONTAINER, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, STROKE_CONTAINER, BOX_UX_ENV, } from './constants.ux';
-export { type BoxTreeFillStyle, type BoxTreeStrokeStyle, type BoxTreeStyleMap, type BoxTreeUxStyleManagerLike, } from './types.ux';
-export { SizeModeSchema as TreeSizeModeSchema, FractionalMeasurementModeSchema as TreeFractionalMeasurementModeSchema, MeasurementRatioModeSchema as TreeMeasurementRatioModeSchema, MeasurementInputModeSchema as TreeMeasurementInputModeSchema, FractionalMeasurementValueSchema as TreeFractionalMeasurementValueSchema, MeasurementRatioValueSchema as TreeMeasurementRatioValueSchema, FractionalMeasurementBaseSchema as TreeFractionalMeasurementBaseSchema, MeasurementRatioBaseSchema as TreeMeasurementRatioBaseSchema, BaseMeasurementObjectSchema as TreeBaseMeasurementObjectSchema, FractionalMeasurementObjectSchema as TreeFractionalMeasurementObjectSchema, MeasurementConfigSchema as TreeMeasurementConfigSchema, MeasurementSchema as TreeMeasurementSchema, PxValueSchema as TreePxValueSchema, AxisConstraintSchema as TreeAxisConstraintSchema, type SizeMode as TreeSizeMode, type FractionalMeasurementMode, type MeasurementRatioMode, type MeasurementInputMode, type FractionalMeasurementValue, type MeasurementRatioValue, type FractionalMeasurementBase, type MeasurementRatioBase, type AlignLabel, type MeasurementModeLabel, type Measurement, type PxValue, type AxisConstraintLike, } from './types';
-export { AXIS, ALIGN_ENUM_KEYWORDS, ALIGN_ENUM_ALIASES, ALIGN, BOX_UX_LAYER, BOX_UX_ORDER, getUxOrder, setUxOrder, BOX_UX_CONTENT_ORDER, BOX_RENDER_CONTENT_ORDER, MEASUREMENT_ENUM_CANONICAL, MEASUREMENT_ENUM_INPUT, MEASUREMENT_MODE, SIZE_MODE_INPUT, SIZE_MODE, } from './constants';
-export { resolveMeasurement as resolveTreeMeasurement, resolveMeasurementPx, resolveConstraintValuePx, applyAxisConstraints, } from './sizeUtils';
-export { boxTreeToPixi, boxTreeToSvg, type BoxTreeToPixiNodeStyle, type BoxTreeToPixiOptions, type BoxTreeToSvgNodeStyle, type BoxTreeToSvgOptions, } from './boxTreeRenderers';
-export { combinePaths, pathString, pathToString, type Path } from './pathUtils';
+export { AxisSchema as TreeAxisSchema, DirectionSchema as TreeDirectionSchema, BoxContentTypeSchema as TreeBoxContentTypeSchema, BoxContentSchema as TreeBoxContentSchema, StyleNameSchema as TreeStyleNameSchema, VerbSchema as TreeVerbSchema, VerbListSchema as TreeVerbListSchema, AlignmentsSchema as TreeAlignmentsSchema, AlignKeywordSchema as TreeAlignKeywordSchema, AlignAliasSchema as TreeAlignAliasSchema, AlignInputSchema as TreeAlignInputSchema, XYPositionSchema as TreeXYPositionSchema, BoxSizeSchema as TreeBoxSizeSchema, AreaPivotKeywordSchema as TreeAreaPivotKeywordSchema, AreaPivotAliasSchema as TreeAreaPivotAliasSchema, AreaPivotInputSchema as TreeAreaPivotInputSchema, AreaPivotSchema as TreeAreaPivotSchema, BoxAreaSchema as TreeAreaSchema, BoxAreaSchema as TreeRectSchema, AxisAlignmentsSchema as TreeAxisAlignmentsSchema, BoxAlignSchema as TreeAlignSchema, AxisConstraintsByAxisSchema as TreeAxisConstraintsByAxisSchema, BoxConstrainSchema as TreeConstrainSchema, BoxTreeStateBaseSchema, BoxTreeNodeStateSchema, BoxTreeStateSchema, BoxTreeNodeConfigSchema, type BoxTreeConfig, type BoxTreeState, type Axis, type Direction as TreeDirection, type BoxContentType, type BoxContent, type StyleName, type Verb, type VerbList, type Alignments, type AlignKeyword, type AlignAlias, type AlignInput, type XYPosition, type BoxSize2D, type AreaPivotKeyword, type AreaPivotAlias, type AreaPivotInput, type AreaPivot, type BoxArea, type BoxRect, type AxisAlignments, type AxisConstraintsByAxis, type BoxSize, type AxisConstrain, type BoxAlign, type BoxConstrain, } from './types.boxtree.js';
+export { BoxTree, createBoxTreeState, type BoxUx, type BoxUxMapFn, type BoxRenderer, type BoxRenderMapFn, type BoxTreeRuntimeConfig, } from './BoxTree.js';
+export { MapEnhanced, } from './BoxUxContextMap.js';
+export { BoxUxBase, } from './BoxUxBase.js';
+export { BoxUxPixi, BoxTreeUx, BoxTreeRenderer, type BoxTreeStyleManagerLike, } from './BoxUx.js';
+export { ROOT_CONTAINER, BACKGROUND_CONTAINER, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, STROKE_CONTAINER, BOX_UX_ENV, } from './constants.ux.js';
+export { type BoxTreeFillStyle, type BoxTreeStrokeStyle, type BoxTreeStyleMap, type BoxTreeUxStyleManagerLike, } from './types.ux.js';
+export { SizeModeSchema as TreeSizeModeSchema, FractionalMeasurementModeSchema as TreeFractionalMeasurementModeSchema, MeasurementRatioModeSchema as TreeMeasurementRatioModeSchema, MeasurementInputModeSchema as TreeMeasurementInputModeSchema, FractionalMeasurementValueSchema as TreeFractionalMeasurementValueSchema, MeasurementRatioValueSchema as TreeMeasurementRatioValueSchema, FractionalMeasurementBaseSchema as TreeFractionalMeasurementBaseSchema, MeasurementRatioBaseSchema as TreeMeasurementRatioBaseSchema, BaseMeasurementObjectSchema as TreeBaseMeasurementObjectSchema, FractionalMeasurementObjectSchema as TreeFractionalMeasurementObjectSchema, MeasurementConfigSchema as TreeMeasurementConfigSchema, MeasurementSchema as TreeMeasurementSchema, PxValueSchema as TreePxValueSchema, AxisConstraintSchema as TreeAxisConstraintSchema, type SizeMode as TreeSizeMode, type FractionalMeasurementMode, type MeasurementRatioMode, type MeasurementInputMode, type FractionalMeasurementValue, type MeasurementRatioValue, type FractionalMeasurementBase, type MeasurementRatioBase, type AlignLabel, type MeasurementModeLabel, type Measurement, type PxValue, type AxisConstraintLike, } from './types.js';
+export { AXIS, ALIGN_ENUM_KEYWORDS, ALIGN_ENUM_ALIASES, ALIGN, BOX_UX_LAYER, BOX_UX_ORDER, getUxOrder, setUxOrder, BOX_UX_CONTENT_ORDER, BOX_RENDER_CONTENT_ORDER, MEASUREMENT_ENUM_CANONICAL, MEASUREMENT_ENUM_INPUT, MEASUREMENT_MODE, SIZE_MODE_INPUT, SIZE_MODE, } from './constants.js';
+export { resolveMeasurement as resolveTreeMeasurement, resolveMeasurementPx, resolveConstraintValuePx, applyAxisConstraints, } from './sizeUtils.js';
+export { boxTreeToPixi, boxTreeToSvg, type BoxTreeToPixiNodeStyle, type BoxTreeToPixiOptions, type BoxTreeToSvgNodeStyle, type BoxTreeToSvgOptions, } from './boxTreeRenderers.js';
+export { combinePaths, pathString, pathToString, type Path } from './pathUtils.js';

package/dist/index.js

@@ -1,11 +1,11 @@
-export { AxisSchema as TreeAxisSchema, DirectionSchema as TreeDirectionSchema, BoxContentTypeSchema as TreeBoxContentTypeSchema, BoxContentSchema as TreeBoxContentSchema, StyleNameSchema as TreeStyleNameSchema, VerbSchema as TreeVerbSchema, VerbListSchema as TreeVerbListSchema, AlignmentsSchema as TreeAlignmentsSchema, AlignKeywordSchema as TreeAlignKeywordSchema, AlignAliasSchema as TreeAlignAliasSchema, AlignInputSchema as TreeAlignInputSchema, XYPositionSchema as TreeXYPositionSchema, BoxSizeSchema as TreeBoxSizeSchema, AreaPivotKeywordSchema as TreeAreaPivotKeywordSchema, AreaPivotAliasSchema as TreeAreaPivotAliasSchema, AreaPivotInputSchema as TreeAreaPivotInputSchema, AreaPivotSchema as TreeAreaPivotSchema, BoxAreaSchema as TreeAreaSchema, BoxAreaSchema as TreeRectSchema, AxisAlignmentsSchema as TreeAxisAlignmentsSchema, BoxAlignSchema as TreeAlignSchema, AxisConstraintsByAxisSchema as TreeAxisConstraintsByAxisSchema, BoxConstrainSchema as TreeConstrainSchema, BoxTreeStateBaseSchema, BoxTreeNodeStateSchema, BoxTreeStateSchema, BoxTreeNodeConfigSchema, } from './types.boxtree';
-export { BoxTree, createBoxTreeState, } from './BoxTree';
-export { MapEnhanced, } from './BoxUxContextMap';
-export { BoxUxBase, } from './BoxUxBase';
-export { BoxUxPixi, BoxTreeUx, BoxTreeRenderer, } from './BoxUx';
-export { ROOT_CONTAINER, BACKGROUND_CONTAINER, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, STROKE_CONTAINER, BOX_UX_ENV, } from './constants.ux';
-export { SizeModeSchema as TreeSizeModeSchema, FractionalMeasurementModeSchema as TreeFractionalMeasurementModeSchema, MeasurementRatioModeSchema as TreeMeasurementRatioModeSchema, MeasurementInputModeSchema as TreeMeasurementInputModeSchema, FractionalMeasurementValueSchema as TreeFractionalMeasurementValueSchema, MeasurementRatioValueSchema as TreeMeasurementRatioValueSchema, FractionalMeasurementBaseSchema as TreeFractionalMeasurementBaseSchema, MeasurementRatioBaseSchema as TreeMeasurementRatioBaseSchema, BaseMeasurementObjectSchema as TreeBaseMeasurementObjectSchema, FractionalMeasurementObjectSchema as TreeFractionalMeasurementObjectSchema, MeasurementConfigSchema as TreeMeasurementConfigSchema, MeasurementSchema as TreeMeasurementSchema, PxValueSchema as TreePxValueSchema, AxisConstraintSchema as TreeAxisConstraintSchema, } from './types';
-export { AXIS, ALIGN_ENUM_KEYWORDS, ALIGN_ENUM_ALIASES, ALIGN, BOX_UX_LAYER, BOX_UX_ORDER, getUxOrder, setUxOrder, BOX_UX_CONTENT_ORDER, BOX_RENDER_CONTENT_ORDER, MEASUREMENT_ENUM_CANONICAL, MEASUREMENT_ENUM_INPUT, MEASUREMENT_MODE, SIZE_MODE_INPUT, SIZE_MODE, } from './constants';
-export { resolveMeasurement as resolveTreeMeasurement, resolveMeasurementPx, resolveConstraintValuePx, applyAxisConstraints, } from './sizeUtils';
-export { boxTreeToPixi, boxTreeToSvg, } from './boxTreeRenderers';
-export { combinePaths, pathString, pathToString } from './pathUtils';
+export { AxisSchema as TreeAxisSchema, DirectionSchema as TreeDirectionSchema, BoxContentTypeSchema as TreeBoxContentTypeSchema, BoxContentSchema as TreeBoxContentSchema, StyleNameSchema as TreeStyleNameSchema, VerbSchema as TreeVerbSchema, VerbListSchema as TreeVerbListSchema, AlignmentsSchema as TreeAlignmentsSchema, AlignKeywordSchema as TreeAlignKeywordSchema, AlignAliasSchema as TreeAlignAliasSchema, AlignInputSchema as TreeAlignInputSchema, XYPositionSchema as TreeXYPositionSchema, BoxSizeSchema as TreeBoxSizeSchema, AreaPivotKeywordSchema as TreeAreaPivotKeywordSchema, AreaPivotAliasSchema as TreeAreaPivotAliasSchema, AreaPivotInputSchema as TreeAreaPivotInputSchema, AreaPivotSchema as TreeAreaPivotSchema, BoxAreaSchema as TreeAreaSchema, BoxAreaSchema as TreeRectSchema, AxisAlignmentsSchema as TreeAxisAlignmentsSchema, BoxAlignSchema as TreeAlignSchema, AxisConstraintsByAxisSchema as TreeAxisConstraintsByAxisSchema, BoxConstrainSchema as TreeConstrainSchema, BoxTreeStateBaseSchema, BoxTreeNodeStateSchema, BoxTreeStateSchema, BoxTreeNodeConfigSchema, } from './types.boxtree.js';
+export { BoxTree, createBoxTreeState, } from './BoxTree.js';
+export { MapEnhanced, } from './BoxUxContextMap.js';
+export { BoxUxBase, } from './BoxUxBase.js';
+export { BoxUxPixi, BoxTreeUx, BoxTreeRenderer, } from './BoxUx.js';
+export { ROOT_CONTAINER, BACKGROUND_CONTAINER, CHILD_CONTAINER, CONTENT_CONTAINER, OVERLAY_CONTAINER, STROKE_CONTAINER, BOX_UX_ENV, } from './constants.ux.js';
+export { SizeModeSchema as TreeSizeModeSchema, FractionalMeasurementModeSchema as TreeFractionalMeasurementModeSchema, MeasurementRatioModeSchema as TreeMeasurementRatioModeSchema, MeasurementInputModeSchema as TreeMeasurementInputModeSchema, FractionalMeasurementValueSchema as TreeFractionalMeasurementValueSchema, MeasurementRatioValueSchema as TreeMeasurementRatioValueSchema, FractionalMeasurementBaseSchema as TreeFractionalMeasurementBaseSchema, MeasurementRatioBaseSchema as TreeMeasurementRatioBaseSchema, BaseMeasurementObjectSchema as TreeBaseMeasurementObjectSchema, FractionalMeasurementObjectSchema as TreeFractionalMeasurementObjectSchema, MeasurementConfigSchema as TreeMeasurementConfigSchema, MeasurementSchema as TreeMeasurementSchema, PxValueSchema as TreePxValueSchema, AxisConstraintSchema as TreeAxisConstraintSchema, } from './types.js';
+export { AXIS, ALIGN_ENUM_KEYWORDS, ALIGN_ENUM_ALIASES, ALIGN, BOX_UX_LAYER, BOX_UX_ORDER, getUxOrder, setUxOrder, BOX_UX_CONTENT_ORDER, BOX_RENDER_CONTENT_ORDER, MEASUREMENT_ENUM_CANONICAL, MEASUREMENT_ENUM_INPUT, MEASUREMENT_MODE, SIZE_MODE_INPUT, SIZE_MODE, } from './constants.js';
+export { resolveMeasurement as resolveTreeMeasurement, resolveMeasurementPx, resolveConstraintValuePx, applyAxisConstraints, } from './sizeUtils.js';
+export { boxTreeToPixi, boxTreeToSvg, } from './boxTreeRenderers.js';
+export { combinePaths, pathString, pathToString } from './pathUtils.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wonderlandlabs-pixi-ux/box",
-  "version": "1.0.2",
+  "version": "1.1.2",
   "description": "Box component with size, padding, anchor, and content alignment for wonderlandlabs-pixi-ux",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,5 +25,8 @@
   "devDependencies": {
     "typescript": "^5.5.4",
     "vitest": "^4.0.18"
+  },
+  "engines": {
+    "node": ">=20.0.0"
   }
 }

package/src/index.ts

@@ -53,7 +53,7 @@ export {
     type AxisConstrain,
     type BoxAlign,
     type BoxConstrain,
-} from './types.boxtree';
+} from './types.boxtree.js';
 export {
     BoxTree,
     createBoxTreeState,
@@ -62,19 +62,19 @@ export {
     type BoxRenderer,
     type BoxRenderMapFn,
     type BoxTreeRuntimeConfig,
-} from './BoxTree';
+} from './BoxTree.js';
 export {
     MapEnhanced,
-} from './BoxUxContextMap';
+} from './BoxUxContextMap.js';
 export {
     BoxUxBase,
-} from './BoxUxBase';
+} from './BoxUxBase.js';
 export {
     BoxUxPixi,
     BoxTreeUx,
     BoxTreeRenderer,
     type BoxTreeStyleManagerLike,
-} from './BoxUx';
+} from './BoxUx.js';
 export {
     ROOT_CONTAINER,
     BACKGROUND_CONTAINER,
@@ -83,13 +83,13 @@ export {
     OVERLAY_CONTAINER,
     STROKE_CONTAINER,
     BOX_UX_ENV,
-} from './constants.ux';
+} from './constants.ux.js';
 export {
     type BoxTreeFillStyle,
     type BoxTreeStrokeStyle,
     type BoxTreeStyleMap,
     type BoxTreeUxStyleManagerLike,
-} from './types.ux';
+} from './types.ux.js';
 export {
     SizeModeSchema as TreeSizeModeSchema,
     FractionalMeasurementModeSchema as TreeFractionalMeasurementModeSchema,
@@ -118,7 +118,7 @@ export {
     type Measurement,
     type PxValue,
     type AxisConstraintLike,
-} from './types';
+} from './types.js';
 export {
     AXIS,
     ALIGN_ENUM_KEYWORDS,
@@ -135,13 +135,13 @@ export {
     MEASUREMENT_MODE,
     SIZE_MODE_INPUT,
     SIZE_MODE,
-} from './constants';
+} from './constants.js';
 export {
     resolveMeasurement as resolveTreeMeasurement,
     resolveMeasurementPx,
     resolveConstraintValuePx,
     applyAxisConstraints,
-} from './sizeUtils';
+} from './sizeUtils.js';
 export {
     boxTreeToPixi,
     boxTreeToSvg,
@@ -149,5 +149,5 @@ export {
     type BoxTreeToPixiOptions,
     type BoxTreeToSvgNodeStyle,
     type BoxTreeToSvgOptions,
-} from './boxTreeRenderers';
-export { combinePaths, pathString, pathToString, type Path } from './pathUtils';
+} from './boxTreeRenderers.js';
+export { combinePaths, pathString, pathToString, type Path } from './pathUtils.js';