@a-type/ui 0.1.2 → 0.1.4

package/dist/cjs/components/liveUpdateTextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/liveUpdateTextField/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}

package/dist/cjs/components/liveUpdateTextField.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./liveUpdateTextField/index.js"), exports);
+//# sourceMappingURL=liveUpdateTextField.js.map

package/dist/cjs/components/liveUpdateTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"liveUpdateTextField.js","sourceRoot":"","sources":["../../../src/components/liveUpdateTextField.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iEAA+C"}

package/dist/cjs/components/note/Note.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface NoteProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export declare function Note({ className, children, ...rest }: NoteProps): JSX.Element;

package/dist/cjs/components/note/Note.js

@@ -0,0 +1,25 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Note = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+function Note(_a) {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('pr-20px', className) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col p-2 border border-solid border-primary-dark bg-primary-wash color-black relative text-sm italic border-r-0" }, { children: [children, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-20px h-[calc(100%-18px)] absolute bottom--0.5px right--20px border-0 border-solid border-primary-dark border-r border-b bg-primary-wash" }, { children: (0, jsx_runtime_1.jsx)("div", { className: `absolute top--20px left-0 border-10px border-0 border-solid border-transparent border-b-primary-dark border-l-primary-dark after:(content-[""] absolute top--7px left--9px border-8px border-solid border-transparent border-b-primary-wash border-l-primary-wash)` }) }))] })) })));
+}
+exports.Note = Note;
+//# sourceMappingURL=Note.js.map

package/dist/cjs/components/note/Note.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,4DAAoC;AAMpC,SAAgB,IAAI,CAAC,EAA2C;QAA3C,EAAE,SAAS,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAA9B,yBAAgC,CAAF;IAClD,OAAO,CACN,8CAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,cACzD,+CAAK,SAAS,EAAC,0HAA0H,iBACvI,QAAQ,EACT,8CAAK,SAAS,EAAC,2IAA2I,gBACzJ,gCACC,SAAS,EAAE,oQAAoQ,GAC9Q,IACG,KACD,IACD,CACN,CAAC;AACH,CAAC;AAbD,oBAaC"}

package/dist/cjs/components/note/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Note.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/note/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/note/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}

package/dist/cjs/components/note.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./note/index.js"), exports);
+//# sourceMappingURL=note.js.map

package/dist/cjs/components/note.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"note.js","sourceRoot":"","sources":["../../../src/components/note.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/dist/cjs/components/numberStepper/NumberStepper.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface NumberStepperProps {
+    value: number;
+    onChange: (value: number) => void;
+    highlightChange?: boolean;
+    steps?: number[];
+    increment?: number;
+    renderValue?: (value: number) => ReactNode;
+    className?: string;
+}
+export declare function NumberStepper({ value, onChange, highlightChange, steps, increment: incrementAmount, renderValue, className, ...rest }: NumberStepperProps): JSX.Element;

package/dist/cjs/components/numberStepper/NumberStepper.js

@@ -0,0 +1,56 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberStepper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("@a-type/utils");
+const react_icons_1 = require("@radix-ui/react-icons");
+const classnames_1 = __importDefault(require("classnames"));
+const button_js_1 = require("../button.js");
+function NumberStepper(_a) {
+    var _b;
+    var { value, onChange, highlightChange, steps, increment: incrementAmount = 1, renderValue = utils_1.fractionToText, className } = _a, rest = __rest(_a, ["value", "onChange", "highlightChange", "steps", "increment", "renderValue", "className"]);
+    const index = (_b = steps === null || steps === void 0 ? void 0 : steps.indexOf(value)) !== null && _b !== void 0 ? _b : 0;
+    const increment = () => {
+        if (steps) {
+            if (index === steps.length - 1) {
+                return;
+            }
+            onChange(steps[index + 1]);
+        }
+        else {
+            onChange(value + incrementAmount);
+        }
+    };
+    const decrement = () => {
+        if (steps) {
+            if (index === 0) {
+                return;
+            }
+            onChange(steps[index - 1]);
+        }
+        else {
+            onChange(value - incrementAmount);
+        }
+    };
+    const canIncrement = steps ? index < steps.length - 1 : true;
+    const canDecrement = steps ? index > 0 : true;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex items-center border-default rounded-lg overflow-hidden w-min-content flex-shrink-0', {
+            'bg-accent-wash color-black': !!highlightChange && value !== 1,
+        }, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", onClick: decrement, disabled: !canDecrement }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.MinusIcon, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-80px text-center" }, { children: renderValue(value) })), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", onClick: increment, disabled: !canIncrement }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.PlusIcon, {}) }))] })));
+}
+exports.NumberStepper = NumberStepper;
+//# sourceMappingURL=NumberStepper.js.map

package/dist/cjs/components/numberStepper/NumberStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/NumberStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yCAA+C;AAC/C,uDAA4D;AAC5D,4DAAoC;AAEpC,4CAAsC;AAYtC,SAAgB,aAAa,CAAC,EAST;;QATS,EAC5B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,SAAS,EAAE,eAAe,GAAG,CAAC,EAC9B,WAAW,GAAG,sBAAc,EAC5B,SAAS,OAEU,EADhB,IAAI,cARqB,0FAS7B,CADQ;IAEP,MAAM,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,KAAK,EAAE;YACT,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC9B,OAAO;aACR;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC5B;aAAM;YACL,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SACnC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,KAAK,EAAE;YACT,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,OAAO;aACR;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC5B;aAAM;YACL,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SACnC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9C,OAAO,CACL,+CACE,SAAS,EAAE,IAAA,oBAAU,EACnB,yFAAyF,EACzF;YACE,4BAA4B,EAAE,CAAC,CAAC,eAAe,IAAI,KAAK,KAAK,CAAC;SAC/D,EACD,SAAS,CACV,IACG,IAAI,eAER,uBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAC/D,uBAAC,uBAAS,KAAG,IACN,EACT,8CAAK,SAAS,EAAC,oBAAoB,gBAAE,WAAW,CAAC,KAAK,CAAC,IAAO,EAC9D,uBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAC/D,uBAAC,sBAAQ,KAAG,IACL,KACL,CACP,CAAC;AACJ,CAAC;AAzDD,sCAyDC"}

package/dist/cjs/components/numberStepper/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NumberStepper.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/numberStepper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC"}

package/dist/cjs/components/numberStepper.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./numberStepper/index.js"), exports);
+//# sourceMappingURL=numberStepper.js.map

package/dist/cjs/components/numberStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberStepper.js","sourceRoot":"","sources":["../../../src/components/numberStepper.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}

package/dist/cjs/components/particles/ParticleContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Particles } from './particlesState.js';
+export declare function useParticles(): Particles | null;
+export declare const ParticlesProvider: import("react").Provider<Particles | null>;

package/dist/cjs/components/particles/ParticleContext.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParticlesProvider = exports.useParticles = void 0;
+const react_1 = require("react");
+const ParticleContext = (0, react_1.createContext)(null);
+function useParticles() {
+    const particles = (0, react_1.useContext)(ParticleContext);
+    return particles;
+}
+exports.useParticles = useParticles;
+exports.ParticlesProvider = ParticleContext.Provider;
+//# sourceMappingURL=ParticleContext.js.map

package/dist/cjs/components/particles/ParticleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticleContext.js","sourceRoot":"","sources":["../../../../src/components/particles/ParticleContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAGlD,MAAM,eAAe,GAAG,IAAA,qBAAa,EAAmB,IAAI,CAAC,CAAC;AAE9D,SAAgB,YAAY;IAC3B,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC;IAC9C,OAAO,SAAS,CAAC;AAClB,CAAC;AAHD,oCAGC;AAEY,QAAA,iBAAiB,GAAG,eAAe,CAAC,QAAQ,CAAC"}

package/dist/cjs/components/particles/ParticleLayer.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function ParticleLayer({ children }: {
+    children: ReactNode;
+}): JSX.Element;

package/dist/cjs/components/particles/ParticleLayer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParticleLayer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const particlesState_js_1 = require("./particlesState.js");
+const react_dom_1 = require("react-dom");
+const ParticleContext_js_1 = require("./ParticleContext.js");
+function ParticleLayer({ children }) {
+    const [particles] = (0, react_1.useState)(() => new particlesState_js_1.Particles({ initialPoolSize: 100 }));
+    return ((0, jsx_runtime_1.jsxs)(ParticleContext_js_1.ParticlesProvider, Object.assign({ value: particles }, { children: [(0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("canvas", { ref: particles.setCanvas, className: "fixed inset-0 w-full h-full z-overdraw pointer-events-none" }), document.body), children] })));
+}
+exports.ParticleLayer = ParticleLayer;
+//# sourceMappingURL=ParticleLayer.js.map

package/dist/cjs/components/particles/ParticleLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticleLayer.js","sourceRoot":"","sources":["../../../../src/components/particles/ParticleLayer.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,2DAAgD;AAChD,yCAAyC;AACzC,6DAAyD;AAEzD,SAAgB,aAAa,CAAC,EAAE,QAAQ,EAA2B;IAClE,MAAM,CAAC,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,6BAAS,CAAC,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;IAE5E,OAAO,CACN,wBAAC,sCAAiB,kBAAC,KAAK,EAAE,SAAS,iBACjC,IAAA,wBAAY,EACZ,mCACC,GAAG,EAAE,SAAS,CAAC,SAAS,EACxB,SAAS,EAAC,4DAA4D,GACrE,EACF,QAAQ,CAAC,IAAI,CACb,EACA,QAAQ,KACU,CACpB,CAAC;AACH,CAAC;AAfD,sCAeC"}

package/dist/cjs/components/particles/index.d.ts

@@ -0,0 +1,3 @@
+export { ParticleLayer } from './ParticleLayer.js';
+export { useParticles } from './ParticleContext.js';
+export { createCircleParticles, elementExplosion as circleParticleExplosion, createElementBorderInitializer, } from './particlesState.js';

package/dist/cjs/components/particles/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createElementBorderInitializer = exports.circleParticleExplosion = exports.createCircleParticles = exports.useParticles = exports.ParticleLayer = void 0;
+var ParticleLayer_js_1 = require("./ParticleLayer.js");
+Object.defineProperty(exports, "ParticleLayer", { enumerable: true, get: function () { return ParticleLayer_js_1.ParticleLayer; } });
+var ParticleContext_js_1 = require("./ParticleContext.js");
+Object.defineProperty(exports, "useParticles", { enumerable: true, get: function () { return ParticleContext_js_1.useParticles; } });
+var particlesState_js_1 = require("./particlesState.js");
+Object.defineProperty(exports, "createCircleParticles", { enumerable: true, get: function () { return particlesState_js_1.createCircleParticles; } });
+Object.defineProperty(exports, "circleParticleExplosion", { enumerable: true, get: function () { return particlesState_js_1.elementExplosion; } });
+Object.defineProperty(exports, "createElementBorderInitializer", { enumerable: true, get: function () { return particlesState_js_1.createElementBorderInitializer; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/particles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/particles/index.ts"],"names":[],"mappings":";;;AAAA,uDAAmD;AAA1C,iHAAA,aAAa,OAAA;AACtB,2DAAoD;AAA3C,kHAAA,YAAY,OAAA;AACrB,yDAI6B;AAH3B,0HAAA,qBAAqB,OAAA;AACrB,4HAAA,gBAAgB,OAA2B;AAC3C,mIAAA,8BAA8B,OAAA"}

package/dist/cjs/components/particles/particlesState.d.ts

@@ -0,0 +1,100 @@
+export declare class Particles {
+    private canvas;
+    private ctx;
+    private state;
+    private lastFrameTimestamp;
+    private disabled;
+    private particles;
+    private freeParticles;
+    private resizeObserver;
+    constructor({ initialPoolSize }: {
+        initialPoolSize: number;
+    });
+    setCanvas: (canvas: HTMLCanvasElement | null) => void;
+    private resume;
+    private pause;
+    private draw;
+    private renderParticles;
+    addParticles: (spawn: ParticleSpawn) => void;
+    private extendPool;
+    elementExplosion: ({ element, color, borders, lifespan, force, drag, forceFuzz, angleFuzz, ...rest }: {
+        element: HTMLElement;
+        color?: string | [string, string] | undefined;
+        count: number;
+        startRadius?: number | undefined;
+        endRadius?: number | undefined;
+        borders?: BorderName[] | undefined;
+        lifespan?: number | undefined;
+        force?: number | undefined;
+        drag?: number | undefined;
+        forceFuzz?: number | undefined;
+        angleFuzz?: number | undefined;
+    }) => ParticleSpawn;
+    windowBorderExplosion: ({ color, border, lifespan, ...rest }: {
+        color?: string | [string, string] | undefined;
+        count: number;
+        startRadius?: number | undefined;
+        endRadius?: number | undefined;
+        border?: BorderName | undefined;
+        lifespan?: number | undefined;
+    }) => ParticleSpawn;
+}
+type ParticleBehavior = (ctx: CanvasRenderingContext2D, x: number, y: number, lifetime: number, lifespan: number) => void;
+type ParticleSpawn = {
+    count: number;
+    behavior: ParticleBehavior;
+    initializer: ParticleInitializer;
+};
+type ParticleInitializer = (index: number) => {
+    x: number;
+    y: number;
+    lifespan: number;
+    velocityX: number;
+    velocityY: number;
+    drag: number;
+};
+export declare function createCircleParticles({ count, startRadius, endRadius, initializer, color, }: {
+    count: number;
+    startRadius?: number;
+    endRadius?: number;
+    initializer: ParticleInitializer;
+    color?: string | [string, string];
+}): ParticleSpawn;
+type BorderName = 'top' | 'right' | 'bottom' | 'left';
+export declare const createElementBorderInitializer: ({ element, borders, force, drag, lifespan, forceFuzz, angleFuzz, }: {
+    element: HTMLElement;
+    borders?: BorderName[] | undefined;
+    force?: number | undefined;
+    drag?: number | undefined;
+    lifespan?: number | undefined;
+    forceFuzz?: number | undefined;
+    angleFuzz?: number | undefined;
+}) => ParticleInitializer;
+export declare const elementExplosion: ({ element, color, borders, lifespan, force, drag, forceFuzz, angleFuzz, ...rest }: {
+    element: HTMLElement;
+    color?: string | [string, string] | undefined;
+    count: number;
+    startRadius?: number | undefined;
+    endRadius?: number | undefined;
+    borders?: BorderName[] | undefined;
+    lifespan?: number | undefined;
+    force?: number | undefined;
+    drag?: number | undefined;
+    forceFuzz?: number | undefined;
+    angleFuzz?: number | undefined;
+}) => ParticleSpawn;
+export declare const createWindowBorderInitializer: ({ force, drag, border, lifespan, }: {
+    force?: number | undefined;
+    drag?: number | undefined;
+    border?: BorderName | undefined;
+    lifespan?: number | undefined;
+}) => ParticleInitializer;
+export declare const windowBorderExplosion: ({ color, border, lifespan, ...rest }: {
+    color?: string | [string, string] | undefined;
+    count: number;
+    startRadius?: number | undefined;
+    endRadius?: number | undefined;
+    border?: BorderName | undefined;
+    lifespan?: number | undefined;
+}) => ParticleSpawn;
+export {};