@react-fabric/core 1.0.0-beta.0

package/dist/esm/hooks/useNavigator.js

@@ -0,0 +1,36 @@
+'use client';
+
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useCallback, useMemo } from 'react';
+import { jsxs } from 'react/jsx-runtime';
+
+var useNavigator = function useNavigator() {
+  var totalCount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var defaultIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var _useState = useState(defaultIndex),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentIndex = _useState2[0],
+    setCurrentIndex = _useState2[1];
+  var onNavigate = useCallback(function (dir) {
+    if (dir === -1) {
+      setCurrentIndex(currentIndex > 0 ? currentIndex - 1 : totalCount - 1);
+    }
+    if (dir === 1) {
+      setCurrentIndex(currentIndex + 1 < totalCount ? currentIndex + 1 : 0);
+    }
+  }, [currentIndex, totalCount]);
+  var headLabel = useMemo(function () {
+    return /*#__PURE__*/jsxs("span", {
+      className: "text-muted leading-none",
+      children: [currentIndex + 1, "/", totalCount]
+    });
+  }, [currentIndex, totalCount]);
+  return {
+    headLabel: headLabel,
+    onNavigate: onNavigate,
+    currentIndex: currentIndex,
+    setCurrentIndex: setCurrentIndex
+  };
+};
+
+export { useNavigator };

package/dist/esm/hooks/useOverlayService.js

@@ -0,0 +1,55 @@
+'use client';
+
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["onClose"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useOverlayService = function useOverlayService(ModalOrFlyout) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    Overlay = _useState2[0],
+    setOverlay = _useState2[1];
+  var openOverlay = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _ref2,
+        onClose,
+        props,
+        _args = arguments;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _ref2 = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, onClose = _ref2.onClose, props = _objectWithoutProperties(_ref2, _excluded);
+            _context.next = 3;
+            return new Promise(function (resolve) {
+              var handleClose = function handleClose(args) {
+                setOverlay(null);
+                resolve(args);
+                onClose === null || onClose === void 0 || onClose(args);
+              };
+              setOverlay( /*#__PURE__*/jsx(ModalOrFlyout, _objectSpread(_objectSpread({}, props), {}, {
+                onClose: handleClose
+              })));
+            });
+          case 3:
+            return _context.abrupt("return", _context.sent);
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function openOverlay() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return [Overlay, openOverlay];
+};
+
+export { useOverlayService };

package/dist/esm/hooks/usePropToggle.js

@@ -0,0 +1,40 @@
+'use client';
+
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState, useCallback } from 'react';
+import { useLayoutEffectDebugger } from './useEffectDebugger.js';
+
+/**
+ * hook to control boolean props
+ * @param isOn (is prop true)
+ * @param callback (optional callback)
+ * @param key (optional key to pass to callback)
+ * @returns
+ */
+var usePropToggle = function usePropToggle() {
+  var isOn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var onToggle = arguments.length > 1 ? arguments[1] : undefined;
+  var key = arguments.length > 2 ? arguments[2] : undefined;
+  var toggleRef = useRef(isOn);
+  var _useState = useState(isOn),
+    _useState2 = _slicedToArray(_useState, 2),
+    toggleOn = _useState2[0],
+    setToggleOn = _useState2[1];
+
+  /** ***************** update toggle state on change *******************/
+  useLayoutEffectDebugger(function () {
+    toggleRef.current = isOn;
+    setToggleOn(isOn);
+  }, [isOn], "usePropToggle");
+
+  /** ***************** toggle handler *******************/
+  var doToggle = useCallback(function () {
+    if ((onToggle === null || onToggle === void 0 ? void 0 : onToggle(!toggleOn, key)) !== false) {
+      toggleRef.current = !toggleOn;
+      setToggleOn(!toggleOn);
+    }
+  }, [toggleOn, onToggle, key]);
+  return [toggleOn, doToggle, toggleRef];
+};
+
+export { usePropToggle };

package/dist/esm/hooks/useResize.js

@@ -0,0 +1,75 @@
+'use client';
+
+import { useRef, useCallback } from 'react';
+import { useIsRtl } from './useIsRtl.js';
+
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+var useResize = function useResize(onResize, _ref) {
+  var _ref$isReverse = _ref.isReverse,
+    isReverse = _ref$isReverse === void 0 ? false : _ref$isReverse,
+    _ref$isVertical = _ref.isVertical,
+    isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
+    onStart = _ref.onStart,
+    onEnd = _ref.onEnd;
+  var refEl = useRef(null);
+  var isRtl = useIsRtl();
+  var onResizing = useCallback(function (evt) {
+    if (refEl.current != null) {
+      var _refEl$current;
+      /** ***************** check if reverse enabled of RTL *******************/
+      var reversed = ((isRtl ? 1 : 0) ^ (isReverse ? 1 : 0)) === 1;
+      var box = (_refEl$current = refEl.current) === null || _refEl$current === void 0 ? void 0 : _refEl$current.getBoundingClientRect();
+      var x = (evt.clientX - (reversed ? box.left : box.right)) * (reversed ? -1 : 1);
+      var y = evt.clientY - box.bottom;
+      onResize({
+        x: x,
+        y: y
+      });
+    }
+  }, [onResize, isRtl, isReverse]);
+
+  /** ***************** dettach handlers on mouseup *******************/
+  var onResizeEnd = useCallback(function () {
+    document.body.style.cursor = "unset";
+    document.removeEventListener("mousemove", onResizing);
+    document.removeEventListener("mouseup", onResizeEnd);
+    onEnd === null || onEnd === void 0 || onEnd();
+  }, [onEnd, onResizing]);
+
+  /** ***************** attach handlers on mousedown *******************/
+  var onResizeStart = useCallback(function (e) {
+    e.preventDefault();
+    document.body.style.cursor = isVertical ? "row-resize" : "col-resize";
+    document.addEventListener("mousemove", onResizing);
+    document.addEventListener("mouseup", onResizeEnd);
+    onStart === null || onStart === void 0 || onStart();
+  }, [onResizing, onResizeEnd, onStart]);
+  return {
+    ref: refEl,
+    onMouseDown: onResizeStart
+  };
+};
+
+export { useResize };

package/dist/esm/hooks/useResizeObserver.js

@@ -0,0 +1,38 @@
+'use client';
+
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useTransition, useEffect } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+import { useDebounce } from './useDebounce.js';
+
+var useResizeObserver = function useResizeObserver(onResize) {
+  var ref = useRef(null);
+  var _useTransition = useTransition(),
+    _useTransition2 = _slicedToArray(_useTransition, 2),
+    startTransition = _useTransition2[1];
+  var callbackResize = useDebounce(function () {
+    startTransition(function () {
+      if (onResize && ref.current != null) {
+        var _ref$current = ref.current,
+          width = _ref$current.offsetWidth,
+          height = _ref$current.offsetHeight;
+        onResize === null || onResize === void 0 || onResize({
+          width: width,
+          height: height
+        });
+      }
+    });
+  }, [onResize]);
+  useEffect(function () {
+    if (ref.current != null) {
+      var ob = new ResizeObserver(callbackResize);
+      ob.observe(ref.current);
+      return function () {
+        ob.disconnect();
+      };
+    }
+  }, [callbackResize, ref]);
+  return ref;
+};
+
+export { useResizeObserver };

package/dist/esm/hooks/useStorage.js

@@ -0,0 +1,43 @@
+'use client';
+
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import { useClientService } from './useClientService.js';
+import { useEffectDebugger } from './useEffectDebugger.js';
+
+var useLocalStorage = function useLocalStorage(key, defaultValue) {
+  var _JSON$parse, _service$getItem;
+  var service = useClientService(localStorage);
+  var _useState = useState((_JSON$parse = JSON.parse((_service$getItem = service === null || service === void 0 ? void 0 : service.getItem(key)) !== null && _service$getItem !== void 0 ? _service$getItem : "null")) !== null && _JSON$parse !== void 0 ? _JSON$parse : defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useEffectDebugger(function () {
+    var _JSON$parse2, _service$getItem2;
+    setValue((_JSON$parse2 = JSON.parse((_service$getItem2 = service === null || service === void 0 ? void 0 : service.getItem(key)) !== null && _service$getItem2 !== void 0 ? _service$getItem2 : "null")) !== null && _JSON$parse2 !== void 0 ? _JSON$parse2 : defaultValue);
+  }, [], "useStorage initial value");
+  var changeValue = function changeValue(value) {
+    service === null || service === void 0 || service.setItem(key, JSON.stringify(value));
+    setValue(value);
+  };
+  return [value, changeValue];
+};
+var useSessionStorage = function useSessionStorage(key, defaultValue) {
+  var _JSON$parse3, _service$getItem3;
+  var service = useClientService(sessionStorage);
+  var _useState3 = useState((_JSON$parse3 = JSON.parse((_service$getItem3 = service === null || service === void 0 ? void 0 : service.getItem(key)) !== null && _service$getItem3 !== void 0 ? _service$getItem3 : "null")) !== null && _JSON$parse3 !== void 0 ? _JSON$parse3 : defaultValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  useEffectDebugger(function () {
+    var _JSON$parse4, _service$getItem4;
+    setValue((_JSON$parse4 = JSON.parse((_service$getItem4 = service === null || service === void 0 ? void 0 : service.getItem(key)) !== null && _service$getItem4 !== void 0 ? _service$getItem4 : "null")) !== null && _JSON$parse4 !== void 0 ? _JSON$parse4 : defaultValue);
+  }, [], "useStorage initial value");
+  var changeValue = function changeValue(value) {
+    service === null || service === void 0 || service.setItem(key, JSON.stringify(value));
+    setValue(value);
+  };
+  return [value, changeValue];
+};
+
+export { useLocalStorage, useSessionStorage };

package/dist/esm/hotkeys/HotKey.js

@@ -0,0 +1,47 @@
+'use client';
+
+import { useEffectDebugger } from '../hooks/useEffectDebugger.js';
+import { useHotKeys } from './HotKeyWrapper.js';
+
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+var HotKey = function HotKey(_ref) {
+  var keyCombo = _ref.keyCombo,
+    global = _ref.global,
+    handler = _ref.handler;
+  var _useHotKeys = useHotKeys(),
+    addHotKey = _useHotKeys.addHotKey,
+    removeHotKey = _useHotKeys.removeHotKey;
+  useEffectDebugger(function () {
+    addHotKey === null || addHotKey === void 0 || addHotKey(keyCombo, handler !== null && handler !== void 0 ? handler : function () {
+      return undefined;
+    }, global);
+    return function () {
+      return removeHotKey === null || removeHotKey === void 0 ? void 0 : removeHotKey(keyCombo);
+    };
+  }, [addHotKey, global, handler, keyCombo, removeHotKey], "HotKey add");
+  return null;
+};
+
+export { HotKey };

package/dist/esm/hotkeys/HotKeyLabel.js

@@ -0,0 +1,52 @@
+'use client';
+
+import { useMemoDebugger } from '../hooks/useEffectDebugger.js';
+import { reduceHotKey } from './commons.js';
+import { jsx } from 'react/jsx-runtime';
+
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+var HotKeyLabel = function HotKeyLabel(_ref) {
+  var keyCombo = _ref.keyCombo;
+  var label = useMemoDebugger(function () {
+    var item = reduceHotKey({
+      keyCombo: keyCombo
+    });
+    var label = [];
+    if (item.alt) label.push("ALT");
+    if (item.ctrl) label.push("CTRL");
+    if (item.meta) label.push("META");
+    if (item.shift) label.push("SHIFT");
+    if (item.key.toLowerCase() === "tab") label.push("TAB");else if (item.key.toLowerCase() === "space") label.push("SPC");else if (item.key.toLowerCase() === "arrowleft") label.push("LEFT");else if (item.key.toLowerCase() === "arrowright") label.push("RIGHT");else if (item.key.toLowerCase() === "arrowup") label.push("UP");else if (item.key.toLowerCase() === "arrowdown") label.push("DOWN");else if (item.key.toLowerCase() === "enter") label.push("ENTER");else if (item.key.toLowerCase() === "delete") label.push("DEL");else if (item.key.toLowerCase() === "escape") label.push("ESC");else if (item.key.toLowerCase() === "backspace") label.push("BKSPC");else label.push(item.key.toUpperCase());
+    return [/*#__PURE__*/jsx("span", {
+      children: label.join(" ")
+    }, "label")];
+  }, [keyCombo], "HotKey label");
+  return /*#__PURE__*/jsx("kbd", {
+    className: "hotkey-label inline-flex gap-1 select-none self-center font-mono items-center text-[0.625rem] leading-4 bg-tint-500/10 text-base/50 whitespace-nowrap rounded px-2 mx-1",
+    children: label
+  });
+};
+
+export { HotKeyLabel };

package/dist/esm/hotkeys/HotKeyWrapper.js

@@ -0,0 +1,96 @@
+'use client';
+
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { memo, useRef, useCallback, createContext, useContext } from 'react';
+import { useEffectDebugger } from '../hooks/useEffectDebugger.js';
+import { reduceHotKey } from './commons.js';
+import { jsx } from 'react/jsx-runtime';
+
+var HotKeysContext = /*#__PURE__*/createContext({});
+var useHotKeys = function useHotKeys() {
+  return useContext(HotKeysContext);
+};
+var HotKeyWrapper = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children;
+  var refEl = useRef(null);
+  var keyList = useRef([]);
+  var addHotKey = useCallback(function (keyCombo, handler) {
+    var global = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    return keyList.current = [].concat(_toConsumableArray(keyList.current.filter(function (_ref2) {
+      var _key = _ref2._key;
+      return _key !== keyCombo;
+    })), [reduceHotKey({
+      keyCombo: keyCombo,
+      handler: handler,
+      global: global
+    })]);
+  }, []);
+  var removeHotKey = useCallback(function (key) {
+    return keyList.current = _toConsumableArray(keyList.current.filter(function (_ref3) {
+      var _key = _ref3._key;
+      return _key !== key;
+    }));
+  }, []);
+  var handler = useCallback(function (items, event) {
+    if (items.length === 0) return;
+    var keyCode = event.key,
+      code = event.code,
+      altKey = event.altKey,
+      ctrlKey = event.ctrlKey,
+      metaKey = event.metaKey,
+      shiftKey = event.shiftKey;
+    if (keyCode !== "Enter" && keyCode !== "Esc" && ["INPUT", "TEXTAREA", "SELECT"].includes(event.target.tagName)) return;
+    var find = items.find(function (_ref4) {
+      var key = _ref4.key,
+        alt = _ref4.alt,
+        ctrl = _ref4.ctrl,
+        meta = _ref4.meta,
+        shift = _ref4.shift;
+      return (key.toLowerCase() === keyCode.toLowerCase() || key.toLowerCase() === code.toLowerCase()) && alt === altKey && ctrl === ctrlKey && meta === metaKey && shift === shiftKey;
+    });
+    if (find !== null && find !== void 0 && find.handler) {
+      find.handler();
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    }
+  }, []);
+  var handleGlobal = useCallback(function (event) {
+    handler(keyList.current.filter(function (i) {
+      return i.global;
+    }), event);
+  }, [handler]);
+  var handleHotKey = useCallback(function (event) {
+    handler(keyList.current.filter(function (i) {
+      return !i.global;
+    }), event);
+  }, [handler]);
+  useEffectDebugger(function () {
+    var _refEl$current;
+    var el = (_refEl$current = refEl.current) === null || _refEl$current === void 0 ? void 0 : _refEl$current.parentElement;
+    if (el) {
+      el.tabIndex = 0;
+      el.addEventListener("keydown", handleHotKey);
+      document.addEventListener("keydown", handleGlobal);
+      return function () {
+        el.removeEventListener("keydown", handleHotKey);
+        document.removeEventListener("keydown", handleGlobal);
+      };
+    }
+  }, [handleGlobal, handleHotKey], "HotKeyWrapper attach handlers");
+  return /*#__PURE__*/jsx(HotKeysContext.Provider, {
+    value: {
+      addHotKey: addHotKey,
+      removeHotKey: removeHotKey
+    },
+    children: /*#__PURE__*/jsx("div", {
+      ref: refEl,
+      style: {
+        display: "contents"
+      },
+      children: children
+    })
+  });
+});
+HotKeyWrapper.displayName = "HotKeyProvider";
+
+export { HotKeyWrapper, HotKeysContext, useHotKeys };

package/dist/esm/hotkeys/commons.js

@@ -0,0 +1,56 @@
+'use client';
+
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+var reduceHotKey = function reduceHotKey(_ref) {
+  var keyCombo = _ref.keyCombo,
+    global = _ref.global,
+    handler = _ref.handler;
+  var item = {
+    key: "",
+    meta: false,
+    shift: false,
+    ctrl: false,
+    alt: false,
+    _key: keyCombo,
+    handler: handler,
+    global: global
+  };
+  keyCombo.split("+").forEach(function (e) {
+    if (e.trim().toLowerCase() === "ctrl") {
+      item.ctrl = true;
+    } else if (e.trim().toLowerCase() === "alt") {
+      item.alt = true;
+    } else if (e.trim().toLowerCase() === "meta") {
+      item.meta = true;
+    } else if (e.trim().toLowerCase() === "shift") {
+      item.shift = true;
+    } else {
+      if (e.trim().toLowerCase() === "left") item.key = "arrowleft";else if (e.trim().toLowerCase() === "right") item.key = "arrowright";else if (e.trim().toLowerCase() === "up") item.key = "arrowup";else if (e.trim().toLowerCase() === "down") item.key = "arrowdown";else if (e.trim().toLowerCase().startsWith("del")) item.key = "delete";else if (e.trim().toLowerCase().startsWith("esc")) item.key = "escape";else item.key = e.trim().toLowerCase();
+    }
+  });
+  return item;
+};
+
+export { reduceHotKey };

package/dist/esm/i18n/ar.json.js

@@ -0,0 +1,27 @@
+'use client';
+
+var error = {
+	title: "أُووبس! لقد كسرنا شيئا"
+};
+var action = {
+	ok: "حسنا",
+	add: "اضف جديد",
+	save: "حفظ",
+	more: "أظهر المزيد",
+	less: "عرض أقل",
+	back: "عودة",
+	copy: "ينسخ",
+	copied: "نسخ",
+	close: "قريب",
+	apply: "تطبيق",
+	"delete": "حذف",
+	submit: "تقديم",
+	cancel: "إلغاء",
+	preview: "معاينة"
+};
+var ar = {
+	error: error,
+	action: action
+};
+
+export { action, ar as default, error };

package/dist/esm/i18n/en.json.js

@@ -0,0 +1,41 @@
+'use client';
+
+var locale = {
+	en: "English",
+	ar: "عربى",
+	de: "Deutsche",
+	es: "Español",
+	fr: "Français",
+	it: "Italiano",
+	jp: "日本語",
+	ko: "한국어",
+	pt: "Português",
+	ru: "Pусский",
+	zh: "中国人"
+};
+var error = {
+	title: "OOPS! We broke something"
+};
+var action = {
+	ok: "OK",
+	add: "Add New",
+	save: "Save",
+	more: "Show more",
+	less: "Show less",
+	back: "Back",
+	copy: "Copy",
+	copied: "Copied",
+	close: "Close",
+	apply: "Apply",
+	"delete": "Delete",
+	submit: "Submit",
+	cancel: "Cancel",
+	preview: "Preview"
+};
+var en = {
+	locale: locale,
+	error: error,
+	action: action
+};
+
+export { action, en as default, error, locale };

package/dist/esm/i18n/index.js

@@ -0,0 +1,55 @@
+'use client';
+
+import i18next from 'i18next';
+import ar from './ar.json.js';
+import en from './en.json.js';
+
+/*
+ * React Fabric
+ * @version: 1.0.0
+ *
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
+ * and associated documentation files (the "Software"), to deal in the Software without restriction,
+ * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+ * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial
+ * portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+ * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+ * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+/* istanbul ignore file */
+
+
+/**
+ * add language bundles using bundle keys as namespaces
+ * @param key
+ * @param languageBundles: {en: {}, ar: {}}
+ */
+var addTranslationBundle = function addTranslationBundle(key, languageBundles) {
+  var callback = function callback() {
+    Object.keys(languageBundles).forEach(function (lang) {
+      var bundle = languageBundles[lang];
+      i18next.addResourceBundle(lang, key, bundle, true, false);
+    });
+  };
+  if (i18next.isInitialized) {
+    callback();
+  } else {
+    i18next.on("initialized", callback);
+  }
+};
+addTranslationBundle("core", {
+  en: en,
+  ar: ar
+});
+
+export { addTranslationBundle };