infinity-forge 8.4.8 → 8.5.0

package/dist/test/index.js

@@ -1,52 +1,10 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ui_1 = require("../ui/index.js");
 function NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro() {
-    var _this = this;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(ui_1.FormHandler, { button: { text: "Clonar" }, initialData: { quantity: 1 }, onSucess: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                return [2 /*return*/];
-            }); }); }, children: [(0, jsx_runtime_1.jsx)("span", { className: "font-14 text", children: "Quantas c\u00F3pias quer para este registro?" }), (0, jsx_runtime_1.jsx)(ui_1.InputCounter, { name: "quantity", counter: {
-                        min: 1,
-                        max: 10,
-                    }, readOnly: true })] }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ui_1.ZoomOnHover, { zoom: 2, children: (0, jsx_runtime_1.jsx)("img", { src: "https://nick-content.s3.amazonaws.com/production/system/d04296cf-3817-48db-915d-10828eec3486/2024/10/12/a6901c7d-9458-4543-b443-f229246d0c74.jpeg", alt: "Produto", style: { width: '100%', height: '100%', objectFit: 'cover' } }) }) }));
 }
 //1. Autocomplete
 //2. button

package/dist/test/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wGAyBC;;AA/BD,2BAA6E;AAM7E,SAAgB,8CAA8C;IAA9D,iBAyBC;IAtBC,OAAO,CACL,2DACG,wBAAC,gBAAW,IACP,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAC1B,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAC5B,QAAQ,EAAE;;qBAAc,aAExB,iCAAM,SAAS,EAAC,cAAc,6DAEvB,EAEP,uBAAC,iBAAY,IACX,IAAI,EAAC,UAAU,EACf,OAAO,EAAE;wBACP,GAAG,EAAE,CAAC;wBACN,GAAG,EAAE,EAAE;qBACR,EACD,QAAQ,SACR,IACU,GACjB,CACJ,CAAA;AACH,CAAC;AAGD,iBAAiB;AACjB,WAAW;AACX,mFAAmF;AACnF,mJAAmJ;AACnJ,6IAA6I;AAC7I,gBAAgB;AAChB,CAAC;IACC;;;;;;;;;;;;;;;;;;;;;;;mBAuBe;AACjB,CAAC;AACD,iBAAiB;AACjB,CAAC;IACC,UAAU;IACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAqCqB;AACvB,CAAC;AAED,sGAAsG;AAEtG,yGAAyG;AACzG,mBAAmB;AACnB,qGAAqG;AACrG,4JAA4J;AAC5J,4HAA4H;AAE5H,KAAK;AACL,CAAC;IACC;;;;;;;;;;;;;;;oBAegB;AAClB,CAAC;AAED,uHAAuH;AAEvH,qLAAqL;AACrL,2BAA2B;AAC3B,kRAAkR;AAClR,IAAI;AACJ,CAAC;IACC;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA2BqB;AACvB,CAAC;AAED,iBAAiB;AACjB,uCAAuC;AAEvC,WAAW;AACX,OAAO;AACP,cAAc;AACd,sBAAsB;AACtB,yBAAyB;AACzB,6BAA6B;AAC7B,WAAW;AACX,wBAAwB;AAExB,mBAAmB;AACnB,oCAAoC;AACpC,4BAA4B;AAC5B,WAAW;AACX,+BAA+B;AAC/B,kCAAkC;AAClC,wBAAwB;AACxB,0CAA0C;AAC1C,mCAAmC;AAEnC,6DAA6D;AAC7D,kEAAkE;AAClE,cAAc;AACd,aAAa;AACb,4JAA4J;AAC5J,WAAW;AACX,QAAQ;AACR,8BAA8B;AAE9B,+BAA+B;AAC/B,qBAAqB;AACrB,QAAQ;AACR,IAAI;AAEJ,wJAAwJ;AACxJ,CAAC;IACC;;;;;;;;;;;yBAWqB;AACvB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;AAMA,wGAkBC;;AAxBD,2BAA0F;AAM1F,SAAgB,8CAA8C;IAG5D,OAAO,CACL,2DAII,uBAAC,gBAAW,IAAC,IAAI,EAAE,CAAC,YAClB,gCACE,GAAG,EAAC,mJAAmJ,EACvJ,GAAG,EAAC,SAAS,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAC5D,GACU,GAEf,CACJ,CAAA;AACH,CAAC;AAGD,iBAAiB;AACjB,WAAW;AACX,mFAAmF;AACnF,mJAAmJ;AACnJ,6IAA6I;AAC7I,gBAAgB;AAChB,CAAC;IACC;;;;;;;;;;;;;;;;;;;;;;;mBAuBe;AACjB,CAAC;AACD,iBAAiB;AACjB,CAAC;IACC,UAAU;IACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAqCqB;AACvB,CAAC;AAED,sGAAsG;AAEtG,yGAAyG;AACzG,mBAAmB;AACnB,qGAAqG;AACrG,4JAA4J;AAC5J,4HAA4H;AAE5H,KAAK;AACL,CAAC;IACC;;;;;;;;;;;;;;;oBAegB;AAClB,CAAC;AAED,uHAAuH;AAEvH,qLAAqL;AACrL,2BAA2B;AAC3B,kRAAkR;AAClR,IAAI;AACJ,CAAC;IACC;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA2BqB;AACvB,CAAC;AAED,iBAAiB;AACjB,uCAAuC;AAEvC,WAAW;AACX,OAAO;AACP,cAAc;AACd,sBAAsB;AACtB,yBAAyB;AACzB,6BAA6B;AAC7B,WAAW;AACX,wBAAwB;AAExB,mBAAmB;AACnB,oCAAoC;AACpC,4BAA4B;AAC5B,WAAW;AACX,+BAA+B;AAC/B,kCAAkC;AAClC,wBAAwB;AACxB,0CAA0C;AAC1C,mCAAmC;AAEnC,6DAA6D;AAC7D,kEAAkE;AAClE,cAAc;AACd,aAAa;AACb,4JAA4J;AAC5J,WAAW;AACX,QAAQ;AACR,8BAA8B;AAE9B,+BAA+B;AAC/B,qBAAqB;AACrB,QAAQ;AACR,IAAI;AAEJ,wJAAwJ;AACxJ,CAAC;IACC;;;;;;;;;;;yBAWqB;AACvB,CAAC"}

package/dist/ui/components/{portal → Portal}/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/portal/index.tsx"],"names":[],"mappings":";;AAKA,wBAIC;AARD,uCAAwC;AAExC,oCAAkD;AAElD,SAAgB,MAAM,CAAC,EAAqC;QAAnC,QAAQ,cAAA;IAC/B,IAAM,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAA;IAEvC,OAAO,OAAO,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC/D,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/Portal/index.tsx"],"names":[],"mappings":";;AAKA,wBAIC;AARD,uCAAwC;AAExC,oCAAkD;AAElD,SAAgB,MAAM,CAAC,EAAqC;QAAnC,QAAQ,cAAA;IAC/B,IAAM,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAA;IAEvC,OAAO,OAAO,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC/D,CAAC"}

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

@@ -19,6 +19,7 @@ export * from './animation/index.js';
 export * from './next-image/index.js';
 export * from './breadcrumb/index.js';
 export * from './pagination/index.js';
+export * from "./zoom-hover/index.js";
 export * from './menu-mobile/index.js';
 export * from './pop-confirm/index.js';
 export * from './loader-circle/index.js';

package/dist/ui/components/index.js

@@ -35,6 +35,7 @@ __exportStar(require("./animation/index.js"), exports);
 __exportStar(require("./next-image/index.js"), exports);
 __exportStar(require("./breadcrumb/index.js"), exports);
 __exportStar(require("./pagination/index.js"), exports);
+__exportStar(require("./zoom-hover/index.js"), exports);
 __exportStar(require("./menu-mobile/index.js"), exports);
 __exportStar(require("./pop-confirm/index.js"), exports);
 __exportStar(require("./loader-circle/index.js"), exports);

package/dist/ui/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}

package/dist/ui/components/loading-screen/index.js

@@ -54,6 +54,6 @@ function LoadingScreen(_a) {
     if (!showLoading) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
-    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'LoadingScreen', children: (0, jsx_runtime_1.jsx)(S.LoadingScreen, { style: { backgroundColor: hasOpacity ? "rgba(255,255,255,0.6)" : "#fff" }, children: (0, jsx_runtime_1.jsx)("div", { style: { width: size, color: color }, className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLoading' }) }) }) }), document === null || document === void 0 ? void 0 : document.body);
+    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'LoadingScreen', children: (0, jsx_runtime_1.jsx)(S.LoadingScreen, { className: 'loading-screen', style: { backgroundColor: hasOpacity ? "rgba(255,255,255,0.6)" : "#fff" }, children: (0, jsx_runtime_1.jsx)("div", { style: { width: size, color: color }, className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconLoading' }) }) }) }), document === null || document === void 0 ? void 0 : document.body);
 }
 //# sourceMappingURL=index.js.map

package/dist/ui/components/loading-screen/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/loading-screen/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,sCAuBC;;AAjCD,+BAA2C;AAC3C,wDAAgC;AAEhC,2BAA2B;AAC3B,oDAAyC;AAIzC,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,EAAqC;QAAnC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA;IAC/C,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAErD,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,cAAc,CAAC,IAAI,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,mBAAQ,CAAC,YAAY,CAC1B,uBAAC,sBAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,EAAE,YACxF,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,OAAA,EAAE,EAAE,SAAS,EAAC,MAAM,YAClD,uBAAC,SAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACvB,GACU,GACZ,EACR,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CACf,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/loading-screen/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,sCAuBC;;AAjCD,+BAA2C;AAC3C,wDAAgC;AAEhC,2BAA2B;AAC3B,oDAAyC;AAIzC,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,EAAqC;QAAnC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA;IAC/C,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAErD,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,cAAc,CAAC,IAAI,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,mBAAQ,CAAC,YAAY,CAC1B,uBAAC,sBAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,IAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,EAAE,YACnH,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,OAAA,EAAE,EAAE,SAAS,EAAC,MAAM,YAClD,uBAAC,SAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACvB,GACU,GACZ,EACR,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CACf,CAAA;AACH,CAAC"}

package/dist/ui/components/overlay/index.js

@@ -37,7 +37,7 @@ exports.Overlay = Overlay;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var ui_1 = require("../../../ui/index.js");
-var portal_1 = require("../portal/index.js");
+var Portal_1 = require("../Portal/index.js");
 var S = __importStar(require("./styles.js"));
 function Overlay(_a) {
     var children = _a.children, onClick = _a.onClick, _b = _a.zIndex, zIndex = _b === void 0 ? ui_1.zIndexInfinityForge === null || ui_1.zIndexInfinityForge === void 0 ? void 0 : ui_1.zIndexInfinityForge.modal : _b, isExiting = _a.isExiting;
@@ -52,7 +52,7 @@ function Overlay(_a) {
             setIsSelectingText(false);
         }, 300);
     }
-    return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(S.OverlayContainer, { "$zIndex": zIndex, "$isExiting": isExiting, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onClick: function (e) {
+    return ((0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(S.OverlayContainer, { "$zIndex": zIndex, "$isExiting": isExiting, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onClick: function (e) {
                 if (e.target === e.currentTarget && !isExiting && !isSelectingText) {
                     onClick === null || onClick === void 0 ? void 0 : onClick(e);
                 }

package/dist/ui/components/zoom-hover/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ZoomOnHoverProps {
+    children: React.ReactElement;
+    zoom?: number;
+}
+export declare const ZoomOnHover: React.FC<ZoomOnHoverProps>;
+export {};

package/dist/ui/components/zoom-hover/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZoomOnHover = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n"])));
+var ZoomContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  transition: transform 0.3s ease;\n  will-change: transform;\n  transform: ", ";\n  transform-origin: center center;\n"], ["\n  width: 100%;\n  height: 100%;\n  transition: transform 0.3s ease;\n  will-change: transform;\n  transform: ", ";\n  transform-origin: center center;\n"])), function (_a) {
+    var isZoomed = _a.isZoomed, zoom = _a.zoom;
+    return (isZoomed ? "scale(".concat(zoom, ")") : 'scale(1)');
+});
+var ZoomOnHover = function (_a) {
+    var children = _a.children, _b = _a.zoom, zoom = _b === void 0 ? 2 : _b;
+    var wrapperRef = (0, react_1.useRef)(null);
+    var contentRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(false), isZoomed = _c[0], setIsZoomed = _c[1];
+    var handleMouseMove = function (e) {
+        if (!wrapperRef.current || !contentRef.current)
+            return;
+        var bounds = wrapperRef.current.getBoundingClientRect();
+        var x = ((e.clientX - bounds.left) / bounds.width) * 100;
+        var y = ((e.clientY - bounds.top) / bounds.height) * 100;
+        contentRef.current.style.transformOrigin = "".concat(x, "% ").concat(y, "%");
+        setIsZoomed(true);
+    };
+    var handleMouseLeave = function () {
+        setIsZoomed(false);
+    };
+    return ((0, jsx_runtime_1.jsx)(Container, { ref: wrapperRef, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, children: (0, jsx_runtime_1.jsx)(ZoomContent, { ref: contentRef, zoom: zoom, isZoomed: isZoomed, children: children }) }));
+};
+exports.ZoomOnHover = ZoomOnHover;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/zoom-hover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/zoom-hover/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,+BAAgD;AAChD,wEAAuC;AAOvC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,oJAAA,iFAK3B,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,+NAAqC,iHAKpD,EAAkE,yCAEhF,KAFc,UAAC,EAAkB;QAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAS,IAAI,MAAG,CAAC,CAAC,CAAC,UAAU,CAAC;AAA1C,CAA0C,CAEhF,CAAC;AAEK,IAAM,WAAW,GAA+B,UAAC,EAAsB;QAApB,QAAQ,cAAA,EAAE,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA;IAC1E,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,eAAe,GAAG,UAAC,CAAmB;QAC1C,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAEvD,IAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC1D,IAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QAC3D,IAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;QAE3D,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,UAAG,CAAC,eAAK,CAAC,MAAG,CAAC;QACzD,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,UAAU,EACf,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,YAE9B,uBAAC,WAAW,IAAC,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YACzD,QAAQ,GACG,GACJ,CACb,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "8.4.8",
+  "version": "8.5.0",
   "description": "codie Library",
   "main": "./dist/index",
   "module": "./dist/index",