@rb-games/core 0.1.0

package/dist/ui/components/Skinable.d.ts

@@ -0,0 +1,261 @@
+export type Constructor<T = {}> = new (...args: any[]) => T;
+export declare function Skinable<TSkinData, TBase extends Constructor>(Base: TBase): new (...args: ConstructorParameters<TBase>) => InstanceType<TBase> & {
+    setSkinData: (data: TSkinData | Partial<TSkinData> | null, opts?: {
+        mergeWithExisting?: boolean;
+    }) => void;
+    getSkinData: () => TSkinData | null;
+};
+/**
+ * Deep merges two skin data objects, combining their properties recursively.
+ *
+ * This utility function is used to merge global skin data with component-specific
+ * skin data, allowing components to override or extend global skin properties.
+ *
+ * The merge behavior:
+ * - For primitive values and arrays: `b` overrides `a`
+ * - For nested objects: recursively merges properties from both objects
+ * - Properties only in `a` are preserved
+ * - Properties only in `b` are added
+ * - Properties in both are merged (objects) or overridden (primitives/arrays)
+ *
+ * @template A - Type of the first skin data object
+ * @template B - Type of the second skin data object
+ * @param a - Base skin data object (typically global skin)
+ * @param b - Override skin data object (typically component-specific skin)
+ * @returns Merged skin data with type `A & B`
+ *
+ * @example
+ * Merging global and component-specific skin data:
+ * ```typescript
+ * const globalSkin = {
+ *   colors: { primary: 0xFF0000, secondary: 0x00FF00 },
+ *   sizes: { width: 100, height: 50 }
+ * };
+ *
+ * const componentSkin = {
+ *   colors: { primary: 0x0000FF }, // Override primary color
+ *   padding: 10 // Add new property
+ * };
+ *
+ * const merged = mergeSkins(globalSkin, componentSkin);
+ * // Result: {
+ * //   colors: { primary: 0x0000FF, secondary: 0x00FF00 },
+ * //   sizes: { width: 100, height: 50 },
+ * //   padding: 10
+ * // }
+ * ```
+ *
+ * @example
+ * Usage in component initialization:
+ * ```typescript
+ * const globalSkin = BaseReel.globalSkin() || null;
+ * const effectiveSkin = options.skinData
+ *   ? globalSkin
+ *     ? mergeSkins(globalSkin, options.skinData)
+ *     : options.skinData
+ *   : globalSkin;
+ * ```
+ *
+ * @public
+ */
+export declare const mergeSkins: <A extends Record<string, any>, B extends Record<string, any>>(a: A, b: B) => A & B;
+/**
+ * Creates a static global skin accessor function with getter/setter overloads.
+ *
+ * This factory function generates a closure-based global skin management system
+ * for component classes. Each call creates an isolated state container that can
+ * store and retrieve global skin data for a specific component type.
+ *
+ * The returned function supports two modes:
+ * - **Getter mode** (no arguments): Returns the current global skin or null
+ * - **Setter mode** (with argument): Sets the global skin to the provided value
+ *
+ * @template TSkinData - Type of the skin data object to be managed
+ * @returns A function with getter/setter overloads for managing global skin state
+ *
+ * @example
+ * Basic usage in a component class:
+ * ```typescript
+ * export class SlotSymbol extends Skinable<SlotSymbolSkinData, typeof Container>(Container) {
+ *   public static globalSkin = defineGlobalSkin<SlotSymbolSkinData>();
+ *
+ *   constructor(options: SlotSymbolOptions = {}) {
+ *     super();
+ *     // Use the global skin in constructor
+ *     const effectiveSkin = mergeGlobalAndInstanceSkin(
+ *       () => SlotSymbol.globalSkin(),
+ *       options.skinData
+ *     );
+ *     this.setSkinData(effectiveSkin, { mergeWithExisting: false });
+ *   }
+ * }
+ * ```
+ *
+ * @example
+ * Setting and getting global skin:
+ * ```typescript
+ * // Set global skin for all instances
+ * SlotSymbol.globalSkin({
+ *   common: { fps: 24 },
+ *   bounds: { width: 200, height: 200 }
+ * });
+ *
+ * // Get current global skin
+ * const currentSkin = SlotSymbol.globalSkin();
+ *
+ * // Clear global skin
+ * SlotSymbol.globalSkin(null);
+ * ```
+ *
+ * @public
+ */
+export declare function defineGlobalSkin<TSkinData>(): {
+    (): TSkinData | null;
+    (skin: TSkinData | null): void;
+};
+/**
+ * Merges global skin data with instance-specific skin data.
+ *
+ * This utility function combines global and instance skin configurations,
+ * giving priority to instance-specific values while preserving global defaults.
+ * It handles three scenarios:
+ * 1. Both global and instance skins exist: Deep merge them (instance overrides global)
+ * 2. Only instance skin exists: Use instance skin
+ * 3. Only global skin exists (or neither): Use global skin or null
+ *
+ * @template TSkinData - Type of the skin data object
+ * @param globalSkinGetter - Function that returns the global skin (typically a static method reference)
+ * @param instanceSkin - Optional instance-specific skin data to merge with global skin
+ * @returns The effective skin data after merging, or null if no skin is available
+ *
+ * @example
+ * Usage in component constructor:
+ * ```typescript
+ * constructor(options: SlotSymbolOptions = {}) {
+ *   super();
+ *
+ *   // Merge global and instance skins
+ *   const effectiveSkin = mergeGlobalAndInstanceSkin(
+ *     () => SlotSymbol.globalSkin(),
+ *     options.skinData
+ *   );
+ *
+ *   this.setSkinData(effectiveSkin, { mergeWithExisting: false });
+ * }
+ * ```
+ *
+ * @example
+ * Behavior with different input combinations:
+ * ```typescript
+ * // Scenario 1: Both exist - deep merge
+ * SlotSymbol.globalSkin({ common: { fps: 12 }, bounds: { width: 100, height: 100 } });
+ * const skin1 = mergeGlobalAndInstanceSkin(
+ *   () => SlotSymbol.globalSkin(),
+ *   { common: { fps: 24 } }
+ * );
+ * // Result: { common: { fps: 24 }, bounds: { width: 100, height: 100 } }
+ *
+ * // Scenario 2: Only instance exists
+ * SlotSymbol.globalSkin(null);
+ * const skin2 = mergeGlobalAndInstanceSkin(
+ *   () => SlotSymbol.globalSkin(),
+ *   { common: { fps: 24 } }
+ * );
+ * // Result: { common: { fps: 24 } }
+ *
+ * // Scenario 3: Only global exists
+ * SlotSymbol.globalSkin({ common: { fps: 12 } });
+ * const skin3 = mergeGlobalAndInstanceSkin(
+ *   () => SlotSymbol.globalSkin(),
+ *   null
+ * );
+ * // Result: { common: { fps: 12 } }
+ * ```
+ *
+ * @see {@link defineGlobalSkin} for creating global skin accessors
+ * @see {@link mergeSkins} for the underlying deep merge implementation
+ *
+ * @public
+ */
+export declare function mergeGlobalAndInstanceSkin<TSkinData>(globalSkinGetter: () => TSkinData | null, instanceSkin?: TSkinData | null): TSkinData | null;
+/**
+ * Helper function to apply layout mappings using property mapping approach.
+ * Used in skinApply methods to reduce repetitive if statements.
+ *
+ * @param skin - The skin data object
+ * @param mappings - Array of path-target mappings for layout properties
+ *
+ * @example
+ * ```typescript
+ * const layoutMappings = [
+ *   { path: 'section.layout', target: () => this.section },
+ *   { path: 'title.layout', target: () => this.title }
+ * ];
+ * applyLayoutMappings(skin, layoutMappings);
+ * ```
+ */
+export declare function applyLayoutMappings<TSkinData>(skin: TSkinData, mappings: Array<{
+    path: string;
+    target: () => any;
+}>): void;
+/**
+ * Helper function to apply style mappings using property mapping approach.
+ * Used in skinApply methods to reduce repetitive if statements.
+ *
+ * @param skin - The skin data object
+ * @param mappings - Array of path-target mappings for style properties
+ *
+ * @example
+ * ```typescript
+ * const styleMappings = [
+ *   { path: 'title.textStyle', target: () => this.title },
+ *   { path: 'label.textStyle', target: () => this.label }
+ * ];
+ * applyStyleMappings(skin, styleMappings);
+ * ```
+ */
+export declare function applyStyleMappings<TSkinData>(skin: TSkinData, mappings: Array<{
+    path: string;
+    target: () => any;
+}>): void;
+/**
+ * Helper function to apply text mappings using property mapping approach.
+ * Used in skinApply methods to reduce repetitive if statements.
+ *
+ * @param skin - The skin data object
+ * @param mappings - Array of path-target mappings for text properties
+ *
+ * @example
+ * ```typescript
+ * const textMappings = [
+ *   { path: 'title.text', target: () => this.title },
+ *   { path: 'label.text', target: () => this.label }
+ * ];
+ * applyTextMappings(skin, textMappings);
+ * ```
+ */
+export declare function applyTextMappings<TSkinData>(skin: TSkinData, mappings: Array<{
+    path: string;
+    target: () => any;
+}>): void;
+/**
+ * Helper function to apply skin mappings using property mapping approach.
+ * Used in skinApply methods to reduce repetitive if statements.
+ *
+ * @param skin - The skin data object
+ * @param mappings - Array of path-target mappings for skin properties
+ *
+ * @example
+ * ```typescript
+ * const skinMappings = [
+ *   { path: 'buttonSkin', target: () => this.button },
+ *   { path: 'panelSkin', target: () => this.panel }
+ * ];
+ * applySkinMappings(skin, skinMappings);
+ * ```
+ */
+export declare function applySkinMappings<TSkinData>(skin: TSkinData, mappings: Array<{
+    path: string;
+    target: () => any;
+}>, mergeWithExisting?: boolean): void;
+//# sourceMappingURL=Skinable.d.ts.map

package/dist/ui/components/Skinable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skinable.d.ts","sourceRoot":"","sources":["../../../ui/components/Skinable.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAI5D,wBAAgB,QAAQ,CAAC,SAAS,EAAE,KAAK,SAAS,WAAW,EAAE,IAAI,EAAE,KAAK,GA+CrC,KACjC,GAAG,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,KAClC,YAAY,CAAC,KAAK,CAAC;iBATT,CACX,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,EAC3C,IAAI,CAAC,EAAE;QAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAE,KACnC,IAAI;iBACI,MAAM,SAAS,GAAG,IAAI;CAKK,CAC3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrF,GAAG,CAAC,EACJ,GAAG,CAAC,KACH,CAAC,GAAG,CAmBN,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,wBAAgB,gBAAgB,CAAC,SAAS;QAGjB,SAAS,GAAG,IAAI;WACb,SAAS,GAAG,IAAI,GAAG,IAAI;EAOlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,wBAAgB,0BAA0B,CAAC,SAAS,EAClD,gBAAgB,EAAE,MAAM,SAAS,GAAG,IAAI,EACxC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,GAC9B,SAAS,GAAG,IAAI,CAQlB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAC3C,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,GACnD,IAAI,CAON;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAC1C,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,GACnD,IAAI,CAON;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EACzC,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,GACnD,IAAI,CAON;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EACzC,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC,EACpD,iBAAiB,CAAC,EAAE,OAAO,GAC1B,IAAI,CAON"}

package/dist/ui/components/SliderComp.d.ts

@@ -0,0 +1,60 @@
+import { Container, type FillInput, type StrokeInput } from 'pixi.js';
+import { DeepPartial, GraphicsConfig, SpriteConfig } from './Component.types';
+import { ScrollbarBehavior, ScrollbarOptions } from '../behaviors';
+export interface SliderProgressConfig {
+    fill?: FillInput;
+    stroke?: StrokeInput;
+}
+export interface SliderCompStateData {
+    track?: GraphicsConfig | SpriteConfig;
+    progress?: SliderProgressConfig;
+    knob?: GraphicsConfig | SpriteConfig;
+    scale?: number;
+    margin?: {
+        start?: number;
+        end?: number;
+    };
+    orientation?: 'horizontal' | 'vertical';
+}
+export interface SliderCompSkinData {
+    up: SliderCompStateData;
+    down?: DeepPartial<SliderCompStateData>;
+    over?: DeepPartial<SliderCompStateData>;
+    disabled?: DeepPartial<SliderCompStateData>;
+}
+export interface SliderCompOptions extends Omit<ScrollbarOptions, 'margin'> {
+    skinData?: SliderCompSkinData;
+}
+declare const SliderComp_base: new (options?: import("pixi.js").ContainerOptions<import("pixi.js").ContainerChild> | undefined) => Container<import("pixi.js").ContainerChild> & {
+    setSkinData: (data: SliderCompSkinData | Partial<SliderCompSkinData> | null, opts?: {
+        mergeWithExisting?: boolean;
+    } | undefined) => void;
+    getSkinData: () => SliderCompSkinData | null;
+};
+export declare class SliderComp extends SliderComp_base {
+    private _slider;
+    private _trackContainer;
+    private _progressContainer;
+    private _knobContainer;
+    private _currentState;
+    private _progressGraphics;
+    private _progressConfig;
+    constructor(options?: SliderCompOptions);
+    private setupEventListeners;
+    private setState;
+    private updateVisualState;
+    protected skinApply(_: SliderCompSkinData | null): void;
+    private getCurrentStateData;
+    private updateTrack;
+    private updateProgress;
+    private updateProgressWidth;
+    private getTrackWidth;
+    private getTrackHeight;
+    private getTrackRadius;
+    private updateKnob;
+    destroy(): void;
+    get behavior(): ScrollbarBehavior;
+    refreshSizes(): void;
+}
+export {};
+//# sourceMappingURL=SliderComp.d.ts.map

package/dist/ui/components/SliderComp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderComp.d.ts","sourceRoot":"","sources":["../../../ui/components/SliderComp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA6B,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAEjG,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,cAAc,GAAG,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,IAAI,CAAC,EAAE,cAAc,GAAG,YAAY,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,mBAAmB,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC;IACzE,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;;;;;;;AAED,qBAAa,UAAW,SAAQ,eAAyD;IACvF,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,eAAe,CAAY;IACnC,OAAO,CAAC,kBAAkB,CAAY;IACtC,OAAO,CAAC,cAAc,CAAY;IAClC,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,iBAAiB,CAAyB;IAClD,OAAO,CAAC,eAAe,CAAqC;gBAEhD,OAAO,GAAE,iBAAsB;IAwC3C,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,iBAAiB;IA+BzB,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,kBAAkB,GAAG,IAAI,GAAG,IAAI;IAIvD,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,WAAW;IA+CnB,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,mBAAmB;IA4B3B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,UAAU;IAyDX,OAAO,IAAI,IAAI;IAOtB,IAAW,QAAQ,IAAI,iBAAiB,CAEvC;IAGM,YAAY,IAAI,IAAI;CAG5B"}

package/dist/ui/components/SpriteTextBBCode.d.ts

@@ -0,0 +1,16 @@
+export type TextRun = {
+    text: string;
+    fontIndex: number;
+    tint?: number;
+    scale?: number;
+};
+export type BBCodeParseOptions = {
+    defaultFontIndex?: number;
+    aliases?: Record<string, number | string>;
+    fonts?: string[];
+};
+export declare function parseColorValue(value: string): number | undefined;
+export declare function resolveFontIndex(value: string, options: BBCodeParseOptions): number;
+export declare function parseSpriteTextBBCode(input: string, options?: BBCodeParseOptions): TextRun[];
+export declare function stripSpriteTextBBCode(input: string): string;
+//# sourceMappingURL=SpriteTextBBCode.d.ts.map

package/dist/ui/components/SpriteTextBBCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpriteTextBBCode.d.ts","sourceRoot":"","sources":["../../../ui/components/SpriteTextBBCode.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAcF,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAkBjE;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,kBAAkB,GAC1B,MAAM,CA4BR;AAkGD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,kBAAuB,GAAG,OAAO,EAAE,CAkEhG;AAeD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAiC3D"}

package/dist/ui/components/StepperComp.d.ts

@@ -0,0 +1,89 @@
+import { Container, Graphics, Sprite, Text, TextStyleOptions } from 'pixi.js';
+import { DeepPartial, GraphicsConfig, SpriteConfig } from './Component.types';
+import { ButtonComp, ButtonCompSkinData } from './ButtonComp';
+import { FlowOptions } from '../../layout/Flow';
+export interface StepperCompStateData {
+    base?: string;
+    display?: GraphicsConfig | SpriteConfig;
+    textStyle?: TextStyleOptions;
+    minusButton?: ButtonCompSkinData;
+    plusButton?: ButtonCompSkinData;
+    flowOptions?: FlowOptions;
+    holdEnabled?: boolean;
+    holdDelay?: number;
+    holdInterval?: number;
+}
+export interface StepperCompSkinData {
+    up: StepperCompStateData;
+    over?: DeepPartial<StepperCompStateData>;
+    disabled?: DeepPartial<StepperCompStateData>;
+}
+export interface StepperCompOptions {
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    formatFunction?: (value: number) => string;
+    skinData?: StepperCompSkinData;
+    enabled?: boolean;
+    holdEnabled?: boolean;
+    holdDelay?: number;
+    holdInterval?: number;
+}
+declare const StepperComp_base: new (options?: import("pixi.js").ContainerOptions<import("pixi.js").ContainerChild> | undefined) => Container<import("pixi.js").ContainerChild> & {
+    setSkinData: (data: StepperCompSkinData | Partial<StepperCompSkinData> | null, opts?: {
+        mergeWithExisting?: boolean;
+    } | undefined) => void;
+    getSkinData: () => StepperCompSkinData | null;
+};
+export declare class StepperComp extends StepperComp_base {
+    private _minusButton;
+    private _plusButton;
+    private _displayContainer;
+    private _displayBackground;
+    private _displayText;
+    private _value;
+    private _min;
+    private _max;
+    private _step;
+    private _formatFunction;
+    private _enabled;
+    private _currentState;
+    private _holdEnabled;
+    private _holdDelay;
+    private _holdInterval;
+    constructor(options?: StepperCompOptions);
+    private setupEventListeners;
+    private updateParentState;
+    private setState;
+    private decrementValue;
+    private incrementValue;
+    private updateButtonStates;
+    private updateVisualState;
+    protected skinApply(_: StepperCompSkinData | null): void;
+    private getCurrentStateData;
+    private updateDisplay;
+    private updateButtonSkins;
+    private updateHoldSettings;
+    private updateLayout;
+    get value(): number;
+    set value(val: number);
+    private updateDisplayText;
+    get min(): number;
+    set min(val: number);
+    get max(): number;
+    set max(val: number);
+    get step(): number;
+    set step(val: number);
+    get enabled(): boolean;
+    set enabled(val: boolean);
+    get formatFunction(): (value: number) => string;
+    set formatFunction(fn: (value: number) => string);
+    get minusButton(): ButtonComp;
+    get plusButton(): ButtonComp;
+    get displayText(): Text;
+    get displayBackground(): Graphics | Sprite;
+    destroy(): void;
+}
+export {};
+//# sourceMappingURL=StepperComp.d.ts.map

package/dist/ui/components/StepperComp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperComp.d.ts","sourceRoot":"","sources":["../../../ui/components/StepperComp.ts"],"names":[],"mappings":"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"}

package/dist/ui/components/index.d.ts

@@ -0,0 +1,12 @@
+export * from './ButtonComp';
+export * from './InputComp';
+export * from './SliderComp';
+export * from './Skinable';
+export type * from './Component.types';
+export * from './Comp.utils';
+export * from './StepperComp';
+export * from './spriteText';
+export * from './SpriteTextBBCode';
+export * from './LabelBox';
+export * from './ListTableComp';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,mBAAmB,mBAAmB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}

package/dist/ui/components/spriteText/SpriteText.d.ts

@@ -0,0 +1,114 @@
+import { Container, type PointData, type ColorSource } from 'pixi.js';
+import { type TextRun } from '../SpriteTextBBCode';
+import type { AlignHorizontal, AlignVertical, Glyph, SpriteTextOptions, SpriteTextSkinData } from './SpriteText.types';
+export type { AlignHorizontal, AlignVertical, Glyph, KerningPair, SpriteTextFontStyle, SpriteTextOptions, SpriteTextSkinData, } from './SpriteText.types';
+declare const SpriteText_base: new (options?: import("pixi.js").ContainerOptions<import("pixi.js").ContainerChild> | undefined) => Container<import("pixi.js").ContainerChild> & {
+    setSkinData: (data: SpriteTextSkinData | Partial<SpriteTextSkinData> | null, opts?: {
+        mergeWithExisting?: boolean;
+    } | undefined) => void;
+    getSkinData: () => SpriteTextSkinData | null;
+};
+export declare class SpriteText extends SpriteText_base {
+    static globalSkin: {
+        (): SpriteTextSkinData | null;
+        (skin: SpriteTextSkinData | null): void;
+    };
+    private _glyphs;
+    private _text;
+    private _fonts;
+    private _font;
+    private _bbcodeEnabled;
+    private _richTextExplicit;
+    private _bbcodeAliases;
+    private _fontStyles;
+    private _runsOverride;
+    private _tint;
+    private _pivotHorizontal;
+    private _pivotVertical;
+    private _lineAlign;
+    private _letterSpacing;
+    private _spaceWidth;
+    private _wordWrap;
+    private _wordWrapWidth;
+    private _breakWord;
+    private _allowLineBreak;
+    private _kerningEnabled;
+    private _kerningMap;
+    private _glyphAnchor;
+    private _glyphMap;
+    private _fixedWidth;
+    private _glyphScale;
+    private _curveEnabled;
+    private _curveControlXPercent;
+    private _curveControlYPercent;
+    constructor(options?: SpriteTextOptions);
+    protected skinApply(skin: SpriteTextSkinData | null): void;
+    private applyLegacyAlignmentSkin;
+    private getTextureContext;
+    private getWrapContext;
+    private applyFontStyleDefaults;
+    private resolveRuns;
+    private buildTextChunks;
+    private generateText;
+    private getFontStyle;
+    private resolveAlignment;
+    get text(): string;
+    set text(value: string);
+    get plainText(): string;
+    get font(): string;
+    set font(value: string);
+    get fonts(): string[];
+    set fonts(value: string[]);
+    get bbcodeEnabled(): boolean;
+    setRuns(runs: TextRun[]): void;
+    get tint(): number;
+    set tint(value: ColorSource);
+    get pivotHorizontal(): AlignHorizontal;
+    set pivotHorizontal(value: AlignHorizontal);
+    get pivotVertical(): AlignVertical;
+    set pivotVertical(value: AlignVertical);
+    /** @deprecated Use pivotHorizontal */
+    get textHAlign(): AlignHorizontal;
+    /** @deprecated Use pivotHorizontal */
+    set textHAlign(value: AlignHorizontal);
+    /** @deprecated Use pivotVertical */
+    get textVAlign(): AlignVertical;
+    /** @deprecated Use pivotVertical */
+    set textVAlign(value: AlignVertical);
+    get lineAlign(): AlignHorizontal;
+    set lineAlign(value: AlignHorizontal);
+    get letterSpacing(): number;
+    set letterSpacing(value: number);
+    get spaceWidth(): number;
+    set spaceWidth(value: number);
+    get wordWrap(): boolean;
+    set wordWrap(value: boolean);
+    get wordWrapWidth(): number;
+    set wordWrapWidth(value: number);
+    get breakWord(): boolean;
+    set breakWord(value: boolean);
+    get allowLineBreak(): boolean;
+    set allowLineBreak(value: boolean);
+    getGlyphs(): Glyph[];
+    getGlyphAt(pos: number): Glyph | undefined;
+    get glyphCount(): number;
+    get kerningEnabled(): boolean;
+    set kerningEnabled(value: boolean);
+    private getKerning;
+    setKerningPairs(pairs: import('./SpriteText.types').KerningPair[] | Record<string, number>): void;
+    setKerning(first: number | string, second: number | string, amount: number): void;
+    getKerningAmount(first: number | string, second: number | string): number;
+    clearKerning(): void;
+    get glyphAnchor(): PointData;
+    set glyphAnchor(value: PointData);
+    setGlyphAnchor(x: number, y?: number): void;
+    get curveEnabled(): boolean;
+    set curveEnabled(value: boolean);
+    get curveControlXPercent(): number;
+    set curveControlXPercent(value: number);
+    get curveControlYPercent(): number;
+    set curveControlYPercent(value: number);
+    get fontSize(): number;
+    set fontSize(value: number);
+}
+//# sourceMappingURL=SpriteText.d.ts.map

package/dist/ui/components/spriteText/SpriteText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpriteText.d.ts","sourceRoot":"","sources":["../../../../ui/components/spriteText/SpriteText.ts"],"names":[],"mappings":"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"}