@canvasengine/presets 2.0.0-beta.34 → 2.0.0-beta.36

package/dist/Loading.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Loading Component Props
+ */
+export interface LoadingProps {
+    /**
+     * Size of the loading spinner (radius in pixels)
+     * @default 30
+     */
+    size?: number;
+    /**
+     * Color of the spinner segments
+     * @default "#3498db"
+     */
+    color?: string;
+    /**
+     * Background color of the spinner (optional)
+     */
+    backgroundColor?: string;
+    /**
+     * Rotation speed in degrees per second
+     * @default 180
+     */
+    speed?: number;
+    /**
+     * Number of segments in the spinner
+     * @default 8
+     */
+    segments?: number;
+    /**
+     * Width of each segment
+     * @default 3
+     */
+    segmentWidth?: number;
+    /**
+     * Alpha value for inactive segments (0-1)
+     * @default 0.15
+     */
+    inactiveAlpha?: number;
+}
+/**
+ * Loading Component
+ *
+ * Creates an animated circular loading spinner with customizable appearance and rotation speed.
+ * The spinner consists of multiple segments that rotate continuously, creating a smooth loading indicator.
+ *
+ * ## Design
+ *
+ * The component uses a Graphics element to draw multiple segments arranged in a circle:
+ * - **Segments**: Multiple radial segments that create a circular pattern
+ * - **Rotation animation**: Continuous rotation using the tick system for smooth animation
+ * - **Alpha variation**: Active segments are fully opaque while inactive segments have reduced opacity
+ * - **Customizable**: Size, color, speed, and number of segments can be adjusted
+ *
+ * @param {LoadingProps} opts - Configuration options for the loading spinner
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with default settings
+ * <Loading />
+ *
+ * // Custom size and color
+ * <Loading
+ *   size={50}
+ *   color="#e74c3c"
+ * />
+ *
+ * // Fast spinning loader
+ * <Loading
+ *   speed={360}
+ *   segments={12}
+ * />
+ *
+ * // Large loader with background
+ * <Loading
+ *   size={80}
+ *   color="#2ecc71"
+ *   backgroundColor="#ecf0f1"
+ *   segmentWidth={5}
+ * />
+ *
+ * // Using signals for dynamic control
+ * const loaderSize = signal(30);
+ * const loaderSpeed = signal(180);
+ *
+ * <Loading
+ *   size={loaderSize}
+ *   speed={loaderSpeed}
+ * />
+ * ```
+ *
+ * @returns {JSX.Element} A container with an animated loading spinner
+ */
+export declare function Loading(opts?: LoadingProps): import('../packages/core/src/index.ts').Element<import('../packages/core/src/index.ts').ComponentInstance> | Promise<import('../packages/core/src/index.ts').Element<import('../packages/core/src/index.ts').ComponentInstance>>;
+//# sourceMappingURL=Loading.d.ts.map

package/dist/Loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../src/Loading.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,wBAAgB,OAAO,CAAC,IAAI,GAAE,YAAiB,gKAkH9C"}

package/dist/NightAmbiant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NightAmbiant.d.ts","sourceRoot":"","sources":["../src/NightAmbiant.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,IAAI,KAAA,4EA8C7B;AAED,wBAAgB,YAAY,CAAC,KAAK,KAAA,gKAiEjC"}
+{"version":3,"file":"NightAmbiant.d.ts","sourceRoot":"","sources":["../src/NightAmbiant.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,IAAI,KAAA,4EA8C7B;AAED,wBAAgB,YAAY,CAAC,KAAK,KAAA,gKA6DjC"}

package/dist/Tilemap/TileLayer.d.ts

@@ -22,6 +22,10 @@ declare const CanvasTileLayer_base: {
         subjectInit: import('rxjs').BehaviorSubject<any>;
         disableLayout: boolean;
         "__#1@#registeredEvents": Map<string, Function>;
+        "__#1@#computedLayoutBox": {
+            width?: number;
+            height?: number;
+        } | null;
         readonly deltaRatio: any;
         readonly parentIsFlex: any;
         onInit(props: import('../../packages/core/src/index.ts').Props): void;

package/dist/Tilemap/TileLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileLayer.d.ts","sourceRoot":"","sources":["../../src/Tilemap/TileLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAIjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAS,IAAI,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAO/D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKpC,qBAAa,eAAgB,SAAQ,oBAA+B;IAClE,OAAO,CAAC,MAAM,CAAW;IACzB,KAAK,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,kBAAkB,CAAc;IACxC,OAAO,CAAC,gBAAgB,CAAe;IAEvC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE;IAWnD,gBAAgB;IAChB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,GAAQ,GAAG,IAAI,GAAG,SAAS;IAqCrE,OAAO,CAAC,SAAS;IAWX,OAAO,CAAC,IAAI,KAAA;IAuBlB,QAAQ,CAAC,KAAK,KAAA;IAsBR,SAAS,CAAC,MAAM,EAAE,GAAG;CAI5B;AAGD,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;CAAG;AAI5D,wBAAgB,kBAAkB,CAAC,KAAK,KAAA,4EAEvC"}
+{"version":3,"file":"TileLayer.d.ts","sourceRoot":"","sources":["../../src/Tilemap/TileLayer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAIjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAS,IAAI,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAO/D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;iBAsGlB,CAAC;kBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjGpC,qBAAa,eAAgB,SAAQ,oBAA+B;IAClE,OAAO,CAAC,MAAM,CAAW;IACzB,KAAK,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,kBAAkB,CAAc;IACxC,OAAO,CAAC,gBAAgB,CAAe;IAEvC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE;IAWnD,gBAAgB;IAChB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,GAAQ,GAAG,IAAI,GAAG,SAAS;IAqCrE,OAAO,CAAC,SAAS;IAWX,OAAO,CAAC,IAAI,KAAA;IAuBlB,QAAQ,CAAC,KAAK,KAAA;IAsBR,SAAS,CAAC,MAAM,EAAE,GAAG;CAI5B;AAGD,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;CAAG;AAI5D,wBAAgB,kBAAkB,CAAC,KAAK,KAAA,4EAEvC"}

package/dist/Weathers/fog.d.ts

@@ -0,0 +1,3 @@
+import { GlProgram } from 'pixi.js';
+export declare function createFogShader(): GlProgram;
+//# sourceMappingURL=fog.d.ts.map

package/dist/Weathers/fog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fog.d.ts","sourceRoot":"","sources":["../../src/Weathers/fog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,wBAAgB,eAAe,IAAI,SAAS,CAqH3C"}

package/dist/Weathers/index.d.ts

@@ -1,56 +1,5 @@
 /**
- * Weather Effect Component
- *
- * Creates a realistic rain effect using WebGL shaders with customizable parameters.
- * The effect simulates raindrops falling with wind influence, density control, and speed adjustment.
- *
- * ## Design
- *
- * The component uses a fragment shader to generate procedural rain drops with:
- * - **Procedural generation**: Each raindrop is generated using hash functions for randomness
- * - **Wind simulation**: Raindrops are affected by wind direction and strength as they fall
- * - **Density control**: Number of visible raindrops can be adjusted
- * - **Speed variation**: Each drop has slightly different falling speed for realism
- * - **Visual styling**: Zelda-inspired rain appearance with proper fade effects
- *
- * @param {Object} options - Configuration options for the weather effect
- * @param {number} [options.speed=0.5] - Rain falling speed (0.1 = slow, 2.0 = fast)
- * @param {number} [options.windDirection=0.0] - Wind direction (-1.0 = left, 1.0 = right)
- * @param {number} [options.windStrength=0.2] - Wind strength (0.0 = no wind, 1.0 = strong)
- * @param {number} [options.density=180.0] - Rain density (number of raindrops, 50-400)
- * @param {Array<number>} [options.resolution=[1000, 1000]] - Screen resolution for proper scaling
- *
- * @example
- * ```jsx
- * // Basic usage with default settings
- * <Weather />
- *
- * // Customized heavy rain with strong wind
- * <Weather
- *   speed={1.5}
- *   windDirection={0.8}
- *   windStrength={0.6}
- *   density={300}
- * />
- *
- * // Light drizzle
- * <Weather
- *   speed={0.2}
- *   density={80}
- *   windStrength={0.1}
- * />
- *
- * // Using signals for dynamic control
- * const rainSpeed = signal(0.5);
- * const windDir = signal(0.0);
- *
- * <Weather
- *   speed={rainSpeed}
- *   windDirection={windDir}
- * />
- * ```
- *
- * @returns {JSX.Element} A mesh component with the weather shader effect
+ * Weather Effect Component (optimized)
  */
 export declare const WeatherEffect: (options: any) => import('../../packages/core/src/index.ts').Element<import('../../packages/core/src/index.ts').ComponentInstance> | Promise<import('../../packages/core/src/index.ts').Element<import('../../packages/core/src/index.ts').ComponentInstance>>;
 export declare const Weather: (options: any) => import('../../packages/core/src/index.ts').Element<import('../../packages/core/src/index.ts').ComponentInstance> | Promise<import('../../packages/core/src/index.ts').Element<import('../../packages/core/src/index.ts').ComponentInstance>>;

package/dist/Weathers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Weathers/index.ts"],"names":[],"mappings":"AASA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,aAAa,GAAI,YAAO,iKA6JpC,CAAC;AAGF,eAAO,MAAM,OAAO,gLAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Weathers/index.ts"],"names":[],"mappings":"AAeA;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,YAAO,iKA8MpC,CAAC;AAEF,eAAO,MAAM,OAAO,gLAAgB,CAAC"}

package/dist/Weathers/rain.d.ts

@@ -0,0 +1,20 @@
+import { GlProgram } from 'pixi.js';
+/**
+ * Creates a high-performance rain shader program with fine realistic streaks
+ *
+ * Generates procedural raindrops using optimized hash functions for randomness.
+ * Simulates physics with gravity and wind effects on fine elongated streaks.
+ * Features thin realistic rain streaks (like real rain), optimized calculations,
+ * and early exit optimizations for smooth 60fps performance.
+ *
+ * Performance optimizations:
+ * - Reduced hash function calls (4 instead of 6)
+ * - Early bounds checking before expensive calculations
+ * - Single smoothstep instead of multiple
+ * - Optimized distance calculations
+ * - Pre-calculated trigonometric values
+ *
+ * @returns {GlProgram} The compiled WebGL program for rain effect
+ */
+export declare function createRainShader(): GlProgram;
+//# sourceMappingURL=rain.d.ts.map

package/dist/Weathers/rain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rain.d.ts","sourceRoot":"","sources":["../../src/Weathers/rain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,IAAI,SAAS,CAuJ5C"}

package/dist/Weathers/snow.d.ts

@@ -0,0 +1,12 @@
+import { GlProgram } from 'pixi.js';
+/**
+ * Creates a slow & smooth snow shader program
+ *
+ * Generates procedural snowflakes with circular shapes and size variation.
+ * Simulates gentle physics with slower movement and subtle wind drift.
+ * Optimized for performance with early exits and efficient calculations.
+ *
+ * @returns {GlProgram} The compiled WebGL program for snow effect
+ */
+export declare function createSnowShader(): GlProgram;
+//# sourceMappingURL=snow.d.ts.map

package/dist/Weathers/snow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snow.d.ts","sourceRoot":"","sources":["../../src/Weathers/snow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,IAAI,SAAS,CAwJ5C"}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './Bar';
 export * from './Particle';
 export * from './NightAmbiant';
 export * from './Joystick';
+export * from './Loading';
 export * from './Tilemap';
 export * from './Weathers';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA"}