@react-fabric/core 1.0.0-beta.0

package/dist/cjs/hooks/useResizeObserver.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var ResizeObserver = require('resize-observer-polyfill');
+var useDebounce = require('./useDebounce.js');
+
+var useResizeObserver = function useResizeObserver(onResize) {
+  var ref = react.useRef(null);
+  var _useTransition = react.useTransition(),
+    _useTransition2 = _slicedToArray(_useTransition, 2),
+    startTransition = _useTransition2[1];
+  var callbackResize = useDebounce.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]);
+  react.useEffect(function () {
+    if (ref.current != null) {
+      var ob = new ResizeObserver(callbackResize);
+      ob.observe(ref.current);
+      return function () {
+        ob.disconnect();
+      };
+    }
+  }, [callbackResize, ref]);
+  return ref;
+};
+
+exports.useResizeObserver = useResizeObserver;

package/dist/cjs/hooks/useStorage.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var useClientService = require('./useClientService.js');
+var useEffectDebugger = require('./useEffectDebugger.js');
+
+var useLocalStorage = function useLocalStorage(key, defaultValue) {
+  var _JSON$parse, _service$getItem;
+  var service = useClientService.useClientService(localStorage);
+  var _useState = react.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.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.useClientService(sessionStorage);
+  var _useState3 = react.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.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];
+};
+
+exports.useLocalStorage = useLocalStorage;
+exports.useSessionStorage = useSessionStorage;

package/dist/cjs/hotkeys/HotKey.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var useEffectDebugger = require('../hooks/useEffectDebugger.js');
+var HotKeyWrapper = require('./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 = HotKeyWrapper.useHotKeys(),
+    addHotKey = _useHotKeys.addHotKey,
+    removeHotKey = _useHotKeys.removeHotKey;
+  useEffectDebugger.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;
+};
+
+exports.HotKey = HotKey;

package/dist/cjs/hotkeys/HotKeyLabel.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var useEffectDebugger = require('../hooks/useEffectDebugger.js');
+var commons = require('./commons.js');
+var jsxRuntime = require('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 = useEffectDebugger.useMemoDebugger(function () {
+    var item = commons.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__*/jsxRuntime.jsx("span", {
+      children: label.join(" ")
+    }, "label")];
+  }, [keyCombo], "HotKey label");
+  return /*#__PURE__*/jsxRuntime.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
+  });
+};
+
+exports.HotKeyLabel = HotKeyLabel;

package/dist/cjs/hotkeys/HotKeyWrapper.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var react = require('react');
+var useEffectDebugger = require('../hooks/useEffectDebugger.js');
+var commons = require('./commons.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var HotKeysContext = /*#__PURE__*/react.createContext({});
+var useHotKeys = function useHotKeys() {
+  return react.useContext(HotKeysContext);
+};
+var HotKeyWrapper = /*#__PURE__*/react.memo(function (_ref) {
+  var children = _ref.children;
+  var refEl = react.useRef(null);
+  var keyList = react.useRef([]);
+  var addHotKey = react.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;
+    })), [commons.reduceHotKey({
+      keyCombo: keyCombo,
+      handler: handler,
+      global: global
+    })]);
+  }, []);
+  var removeHotKey = react.useCallback(function (key) {
+    return keyList.current = _toConsumableArray(keyList.current.filter(function (_ref3) {
+      var _key = _ref3._key;
+      return _key !== key;
+    }));
+  }, []);
+  var handler = react.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 = react.useCallback(function (event) {
+    handler(keyList.current.filter(function (i) {
+      return i.global;
+    }), event);
+  }, [handler]);
+  var handleHotKey = react.useCallback(function (event) {
+    handler(keyList.current.filter(function (i) {
+      return !i.global;
+    }), event);
+  }, [handler]);
+  useEffectDebugger.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__*/jsxRuntime.jsx(HotKeysContext.Provider, {
+    value: {
+      addHotKey: addHotKey,
+      removeHotKey: removeHotKey
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: refEl,
+      style: {
+        display: "contents"
+      },
+      children: children
+    })
+  });
+});
+HotKeyWrapper.displayName = "HotKeyProvider";
+
+exports.HotKeyWrapper = HotKeyWrapper;
+exports.HotKeysContext = HotKeysContext;
+exports.useHotKeys = useHotKeys;

package/dist/cjs/hotkeys/commons.js

@@ -0,0 +1,56 @@
+'use strict';
+
+/*
+ * 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;
+};
+
+exports.reduceHotKey = reduceHotKey;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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
+};
+
+exports.action = action;
+exports.default = ar;
+exports.error = error;

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

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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
+};
+
+exports.action = action;
+exports.default = en;
+exports.error = error;
+exports.locale = locale;

package/dist/cjs/i18n/index.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var i18next = require('i18next');
+var ar = require('./ar.json.js');
+var en = require('./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.default,
+  ar: ar.default
+});
+
+exports.addTranslationBundle = addTranslationBundle;

package/dist/cjs/index.js

@@ -0,0 +1,162 @@
+'use strict';
+
+var ActionLabel = require('./components/actionLabel/ActionLabel.js');
+var Animations = require('./components/animations/Animations.js');
+var Avatar = require('./components/avatar/Avatar.js');
+var AvatarGroup = require('./components/avatar/AvatarGroup.js');
+var Badge = require('./components/badge/Badge.js');
+var Breadcrumbs = require('./components/breadcrumbs/Breadcrumbs.js');
+var Button = require('./components/button/Button.js');
+var ButtonGroup = require('./components/button/ButtonGroup.js');
+var ConfirmButton = require('./components/button/ConfirmButton.js');
+var ToggleButtonGroup = require('./components/button/ToggleButtonGroup.js');
+var Callout = require('./components/callout/Callout.js');
+var Card = require('./components/card/Card.js');
+var CardCover = require('./components/card/CardCover.js');
+var Chip = require('./components/chip/Chip.js');
+var Collapsable = require('./components/collapsable/Collapsable.js');
+var Divider = require('./components/divider/Divider.js');
+var Dropdown = require('./components/dropdown/Dropdown.js');
+var DropdownTool = require('./components/dropdown/DropdownTool.js');
+var EmptyContent = require('./components/empty/EmptyContent.js');
+var Icon = require('./components/icon/Icon.js');
+var Media = require('./components/media/Media.js');
+var ContextMenu = require('./components/menu/ContextMenu.js');
+var Menu = require('./components/menu/Menu.js');
+var MenuItem = require('./components/menu/MenuItem.js');
+var Meter = require('./components/meter/Meter.js');
+var Navigator = require('./components/navigator/Navigator.js');
+var Panel = require('./components/panel/Panel.js');
+var PanelGroup = require('./components/panel/PanelGroup.js');
+var PanelStack = require('./components/panel/PanelStack.js');
+var ProgressBar = require('./components/progress/ProgressBar.js');
+var ProgressCircle = require('./components/progress/ProgressCircle.js');
+var Tab = require('./components/tabpanel/Tab.js');
+var TabPanel = require('./components/tabpanel/TabPanel.js');
+var Aside = require('./core/aside/Aside.js');
+var ErrorBoundary = require('./core/boundary/ErrorBoundary.js');
+var Content = require('./core/content/Content.js');
+var HeadFoot = require('./core/headfoot/HeadFoot.js');
+var Page = require('./core/page/Page.js');
+var Responsive = require('./core/responsive/Responsive.js');
+var Section = require('./core/section/Section.js');
+var ThemeProvider = require('./core/theme/ThemeProvider.js');
+var Viewport = require('./core/viewport/Viewport.js');
+var index = require('./i18n/index.js');
+require('@babel/runtime/helpers/defineProperty');
+require('@floating-ui/react');
+require('classnames');
+require('react');
+require('react-i18next');
+var icons = require('./types/icons.js');
+var Title = require('./typography/Title.js');
+require('@react-fabric/utilities');
+require('react/jsx-runtime');
+var Flyout = require('./overlays/flyout/Flyout.js');
+var Modal = require('./overlays/modal/Modal.js');
+var Tooltip = require('./overlays/tooltip/Tooltip.js');
+var Abbr = require('./typography/Abbr.js');
+var Copy = require('./typography/Copy.js');
+var Link = require('./typography/Link.js');
+var Mark = require('./typography/Mark.js');
+var Text = require('./typography/Text.js');
+var useClientService = require('./hooks/useClientService.js');
+var useDebounce = require('./hooks/useDebounce.js');
+var useEffectDebugger = require('./hooks/useEffectDebugger.js');
+var useIsDark = require('./hooks/useIsDark.js');
+var useIsRtl = require('./hooks/useIsRtl.js');
+var useNavigator = require('./hooks/useNavigator.js');
+var useOverlayService = require('./hooks/useOverlayService.js');
+var useResize = require('./hooks/useResize.js');
+var useResizeObserver = require('./hooks/useResizeObserver.js');
+var useStorage = require('./hooks/useStorage.js');
+var HotKey = require('./hotkeys/HotKey.js');
+var HotKeyLabel = require('./hotkeys/HotKeyLabel.js');
+var Global = require('./context/Global.js');
+
+
+
+exports.ActionLabel = ActionLabel.ActionLabel;
+exports.AnimationBars = Animations.AnimationBars;
+exports.AnimationIndicator = Animations.AnimationIndicator;
+exports.AnimationSpinner = Animations.AnimationSpinner;
+exports.Skeleton = Animations.Skeleton;
+exports.Avatar = Avatar.Avatar;
+exports.AvatarGroup = AvatarGroup.AvatarGroup;
+exports.Badge = Badge.Badge;
+exports.getBadgeProps = Badge.getBadgeProps;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.Button = Button.Button;
+exports.ButtonGroup = ButtonGroup.ButtonGroup;
+exports.ConfirmButton = ConfirmButton.ConfirmButton;
+exports.ToggleButtonGroup = ToggleButtonGroup.ToggleButtonGroup;
+exports.Callout = Callout.Callout;
+exports.Card = Card.Card;
+exports.CardCover = CardCover.CardCover;
+exports.Chip = Chip.Chip;
+exports.Collapsable = Collapsable.Collapsable;
+exports.Divider = Divider.Divider;
+exports.Dropdown = Dropdown.Dropdown;
+exports.DropdownDismiss = Dropdown.DropdownDismiss;
+exports.DropdownTool = DropdownTool.DropdownTool;
+exports.EmptyContent = EmptyContent.EmptyContent;
+exports.Icon = Icon.Icon;
+exports.Image = Media.Image;
+exports.Video = Media.Video;
+exports.ContextMenu = ContextMenu.ContextMenu;
+exports.Menu = Menu.Menu;
+exports.MenuItem = MenuItem.MenuItem;
+exports.Meter = Meter.Meter;
+exports.Navigator = Navigator.Navigator;
+exports.Panel = Panel.Panel;
+exports.PanelGroup = PanelGroup.PanelGroup;
+exports.PanelStack = PanelStack.PanelStack;
+exports.ProgressBar = ProgressBar.ProgressBar;
+exports.ProgressCircle = ProgressCircle.ProgressCircle;
+exports.Tab = Tab.Tab;
+exports.TabPanel = TabPanel.TabPanel;
+exports.Aside = Aside.Aside;
+exports.ErrorBoundary = ErrorBoundary.ErrorBoundary;
+exports.Content = Content.Content;
+exports.Footer = HeadFoot.Footer;
+exports.Header = HeadFoot.Header;
+exports.Page = Page.Page;
+exports.Col = Responsive.Col;
+exports.Container = Responsive.Container;
+exports.Row = Responsive.Row;
+exports.Section = Section.Section;
+exports.ThemeProvider = ThemeProvider.ThemeProvider;
+exports.Viewport = Viewport.Viewport;
+exports.addTranslationBundle = index.addTranslationBundle;
+Object.defineProperty(exports, "CoreIcons", {
+  enumerable: true,
+  get: function () { return icons.CoreIcons; }
+});
+exports.Title = Title.Title;
+exports.Flyout = Flyout.Flyout;
+exports.Modal = Modal.Modal;
+exports.Tooltip = Tooltip.Tooltip;
+exports.Abbr = Abbr.Abbr;
+exports.Copy = Copy.Copy;
+exports.Link = Link.Link;
+exports.Mark = Mark.Mark;
+exports.Text = Text.Text;
+exports.useClientService = useClientService.useClientService;
+exports.useDebounce = useDebounce.useDebounce;
+exports.useEffectDebugger = useEffectDebugger.useEffectDebugger;
+exports.useLayoutEffectDebugger = useEffectDebugger.useLayoutEffectDebugger;
+exports.useMemoDebugger = useEffectDebugger.useMemoDebugger;
+exports.useIsDark = useIsDark.useIsDark;
+exports.useIsRtl = useIsRtl.useIsRtl;
+exports.useNavigator = useNavigator.useNavigator;
+exports.useOverlayService = useOverlayService.useOverlayService;
+exports.useResize = useResize.useResize;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;
+exports.useLocalStorage = useStorage.useLocalStorage;
+exports.useSessionStorage = useStorage.useSessionStorage;
+exports.HotKey = HotKey.HotKey;
+exports.HotKeyLabel = HotKeyLabel.HotKeyLabel;
+exports.ApplicationProvider = Global.ApplicationProvider;
+exports.useApplicationContext = Global.useApplicationContext;
+exports.useGlobals = Global.useGlobals;
+exports.useNotificationService = Global.useNotificationService;