@react-fabric/core 1.0.0-beta.9 → 1.0.1

package/dist/cjs/hooks/useStorage.js

@@ -5,40 +5,53 @@ 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;
+/**
+ * Hook to manage a value in localStorage with a default fallback. Returns [value, setValue].
+ */
+function useLocalStorage(key, defaultValue) {
   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),
+  var _useState = react.useState(function () {
+      var _ref, _service$getItem;
+      return (_ref = JSON.parse((_service$getItem = service === null || service === void 0 ? void 0 : service.getItem(key)) !== null && _service$getItem !== void 0 ? _service$getItem : "null")) !== null && _ref !== void 0 ? _ref : 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 init = react.useEffectEvent(function () {
+    var _ref2, _service$getItem2;
+    setValue((_ref2 = JSON.parse((_service$getItem2 = service === null || service === void 0 ? void 0 : service.getItem(key)) !== null && _service$getItem2 !== void 0 ? _service$getItem2 : "null")) !== null && _ref2 !== void 0 ? _ref2 : defaultValue);
+  });
+  useEffectDebugger.useEffectDebugger(init, [], "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;
+}
+
+/**
+ * Hook to manage a value in sessionStorage with a default fallback. Returns [value, setValue].
+ */
+function useSessionStorage(key, defaultValue) {
   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),
+  var _useState3 = react.useState(function () {
+      var _ref3, _service$getItem3;
+      return (_ref3 = JSON.parse((_service$getItem3 = service === null || service === void 0 ? void 0 : service.getItem(key)) !== null && _service$getItem3 !== void 0 ? _service$getItem3 : "null")) !== null && _ref3 !== void 0 ? _ref3 : 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 init = react.useEffectEvent(function () {
+    var _ref4, _service$getItem4;
+    setValue((_ref4 = JSON.parse((_service$getItem4 = service === null || service === void 0 ? void 0 : service.getItem(key)) !== null && _service$getItem4 !== void 0 ? _service$getItem4 : "null")) !== null && _ref4 !== void 0 ? _ref4 : defaultValue);
+  });
+  useEffectDebugger.useEffectDebugger(init, [], "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/i18n/index.js

@@ -1,38 +1,40 @@
 'use strict';
 
 var i18next = require('i18next');
-var ar = require('./ar.json.js');
-var en = require('./en.json.js');
+var core = require('./ar/core.json.js');
+var core$1 = require('./en/core.json.js');
 
-/*
+/**
  * React Fabric
- * @version: 1.0.0
- *
- *
- * The MIT License (MIT)
- * Copyright (c) 2024 Adarsh Pastakia
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 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:
+ * 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 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.
+ * 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: {}}
+ * @param {string} key
+ * @param {Record<string, Record<string, string>>} languageBundles: {en: {}, ar: {}}
  */
 var addTranslationBundle = function addTranslationBundle(key, languageBundles) {
   var callback = function callback() {
@@ -48,8 +50,8 @@ var addTranslationBundle = function addTranslationBundle(key, languageBundles) {
   }
 };
 addTranslationBundle("core", {
-  en: en.default,
-  ar: ar.default
+  en: core$1.default,
+  ar: core.default
 });
 
 exports.addTranslationBundle = addTranslationBundle;

package/dist/cjs/index.js

@@ -1,11 +1,55 @@
 'use strict';
 
+var context = require('./context/context.js');
+var Global = require('./context/Global.js');
+var index = require('./i18n/index.js');
+var cloneElement = require('./utils/cloneElement.js');
+var getBadgeProps = require('./utils/getBadgeProps.js');
+var getColor = require('./utils/getColor.js');
+var getIconProps = require('./utils/getIconProps.js');
+require('@react-fabric/utilities');
+require('react');
+var useClientService = require('./hooks/useClientService.js');
+var useContextMenu = require('./hooks/useContextMenu.js');
+var useControlledValue = require('./hooks/useControlledValue.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 useNotificationService = require('./hooks/useNotificationService.js');
+var useOverlayService = require('./hooks/useOverlayService.js');
+var usePropState = require('./hooks/usePropState.js');
+var usePropToggle = require('./hooks/usePropToggle.js');
+var useResize = require('./hooks/useResize.js');
+var useResizeObserver = require('./hooks/useResizeObserver.js');
+var useStorage = require('./hooks/useStorage.js');
+var AreaToggle = require('./core/areaToggle/AreaToggle.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 Layout = require('./core/layout/Layout.js');
+var Responsive = require('./core/responsive/Responsive.js');
+var ThemeProvider = require('./core/theme/ThemeProvider.js');
+var Viewport = require('./core/viewport/Viewport.js');
+var Abbr = require('./typography/Abbr.js');
+var Anchor = require('./typography/Anchor.js');
+var Copy = require('./typography/Copy.js');
+var Kbd = require('./typography/Kbd.js');
+var Mark = require('./typography/Mark.js');
+var Text = require('./typography/Text.js');
+var Title = require('./typography/Title.js');
 var ActionLabel = require('./components/actionLabel/ActionLabel.js');
-var Animations = require('./components/animations/Animations.js');
+var Indicator = require('./components/animations/Indicator.js');
+var Loader = require('./components/animations/Loader.js');
+var LoadingBars = require('./components/animations/LoadingBars.js');
+var LoadingLine = require('./components/animations/LoadingLine.js');
+var LoadingSpinner = require('./components/animations/LoadingSpinner.js');
+var Skeleton = require('./components/animations/Skeleton.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');
@@ -13,81 +57,120 @@ 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 FlipContent = require('./components/card/FlipContent.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 StyleEffect = require('./components/effect/StyleEffect.js');
 var EmptyContent = require('./components/empty/EmptyContent.js');
+var Flyout = require('./components/flyout/Flyout.js');
+var HotKey = require('./components/hotkey/HotKey.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 Modal = require('./components/modal/Modal.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 Pillbox = require('./components/pillbox/Pillbox.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('@babel/runtime/helpers/slicedToArray');
-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');
+var Titlebar = require('./components/titlebar/Titlebar.js');
+var Tooltip = require('./components/tooltip/Tooltip.js');
+
+/**
+ * React Fabric
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 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 */
 
+var CORE_PACKAGE = "@react-fabric/core";
+var CORE_VERSION = "1.0.1";
 
+exports.useApplicationContext = context.useApplicationContext;
+exports.ApplicationProvider = Global.ApplicationProvider;
+exports.addTranslationBundle = index.addTranslationBundle;
+exports.cloneChildren = cloneElement.cloneChildren;
+exports.getBadgeProps = getBadgeProps.getBadgeProps;
+exports.getColor = getColor.getColor;
+exports.getIconProps = getIconProps.getIconProps;
+exports.useClientService = useClientService.useClientService;
+exports.useContextMenu = useContextMenu.useContextMenu;
+exports.useControlledValue = useControlledValue.useControlledValue;
+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.useNotificationService = useNotificationService.useNotificationService;
+exports.useOverlayService = useOverlayService.useOverlayService;
+exports.usePropState = usePropState.usePropState;
+exports.usePropWatcher = usePropState.usePropWatcher;
+exports.usePropToggle = usePropToggle.usePropToggle;
+exports.useResize = useResize.useResize;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;
+exports.useLocalStorage = useStorage.useLocalStorage;
+exports.useSessionStorage = useStorage.useSessionStorage;
+exports.AreaToggle = AreaToggle.AreaToggle;
+exports.Aside = Aside.Aside;
+exports.ErrorBoundary = ErrorBoundary.ErrorBoundary;
+exports.Content = Content.Content;
+exports.Footer = HeadFoot.Footer;
+exports.Header = HeadFoot.Header;
+exports.Layout = Layout.Layout;
+exports.Col = Responsive.Col;
+exports.Container = Responsive.Container;
+exports.Row = Responsive.Row;
+exports.ThemeProvider = ThemeProvider.ThemeProvider;
+exports.Viewport = Viewport.Viewport;
+exports.Abbr = Abbr.Abbr;
+exports.Anchor = Anchor.Anchor;
+exports.Copy = Copy.Copy;
+exports.Kbd = Kbd.Kbd;
+exports.Mark = Mark.Mark;
+exports.Text = Text.Text;
+exports.Title = Title.Title;
 exports.ActionLabel = ActionLabel.ActionLabel;
-exports.AnimationBars = Animations.AnimationBars;
-exports.AnimationIndicator = Animations.AnimationIndicator;
-exports.AnimationSpinner = Animations.AnimationSpinner;
-exports.Loading = Animations.Loading;
-exports.Skeleton = Animations.Skeleton;
+exports.AnimationIndicator = Indicator.AnimationIndicator;
+exports.AnimationLoader = Loader.AnimationLoader;
+exports.LoadingBars = LoadingBars.LoadingBars;
+exports.LoadingLine = LoadingLine.LoadingLine;
+exports.LoadingSpinner = LoadingSpinner.LoadingSpinner;
+exports.Skeleton = Skeleton.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;
@@ -95,13 +178,17 @@ exports.ToggleButtonGroup = ToggleButtonGroup.ToggleButtonGroup;
 exports.Callout = Callout.Callout;
 exports.Card = Card.Card;
 exports.CardCover = CardCover.CardCover;
+exports.FlipContent = FlipContent.FlipContent;
 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.StyleEffect = StyleEffect.StyleEffect;
 exports.EmptyContent = EmptyContent.EmptyContent;
+exports.Flyout = Flyout.Flyout;
+exports.HotKey = HotKey.HotKey;
 exports.Icon = Icon.Icon;
 exports.Image = Media.Image;
 exports.Video = Media.Video;
@@ -109,56 +196,17 @@ exports.ContextMenu = ContextMenu.ContextMenu;
 exports.Menu = Menu.Menu;
 exports.MenuItem = MenuItem.MenuItem;
 exports.Meter = Meter.Meter;
+exports.Modal = Modal.Modal;
 exports.Navigator = Navigator.Navigator;
 exports.Panel = Panel.Panel;
 exports.PanelGroup = PanelGroup.PanelGroup;
 exports.PanelStack = PanelStack.PanelStack;
+exports.Pillbox = Pillbox.Pillbox;
 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.Titlebar = Titlebar.Titlebar;
 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;
+exports.CORE_PACKAGE = CORE_PACKAGE;
+exports.CORE_VERSION = CORE_VERSION;

package/dist/cjs/typography/Abbr.js

@@ -3,43 +3,62 @@
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var utilities = require('@react-fabric/utilities');
-var classNames = require('classnames');
 var react = require('react');
+var Tooltip = require('../components/tooltip/Tooltip.js');
 var useEffectDebugger = require('../hooks/useEffectDebugger.js');
-var Tooltip = require('../overlays/tooltip/Tooltip.js');
-var getColor = require('../utils/getColor.js');
-var Typography_module = require('./Typography.module.css');
 var jsxRuntime = require('react/jsx-runtime');
+var getColor = require('../utils/getColor.js');
+var getTooltipProps = require('../utils/getTooltipProps.js');
 
 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 AbbrText = function AbbrText(_ref) {
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
+function AbbrText(_ref) {
   var color = _ref.color,
     children = _ref.children,
     tooltip = _ref.tooltip,
     content = _ref.content;
-  var TooltipWrapper = react.useMemo(function () {
-    return tooltip ? Tooltip.Tooltip : react.Fragment;
-  }, [tooltip]);
+  var TooltipWrapper = tooltip ? Tooltip.Tooltip : react.Fragment;
   var tooltipProps = react.useMemo(function () {
-    return _objectSpread(_objectSpread({}, Tooltip.getTooltipProps(tooltip)), {}, {
+    return tooltip ? _objectSpread(_objectSpread({}, getTooltipProps.getTooltipProps(tooltip)), {}, {
       copyContent: content
-    });
+    }) : {};
   }, [tooltip, content]);
   return /*#__PURE__*/jsxRuntime.jsx(TooltipWrapper, _objectSpread(_objectSpread({}, tooltipProps), {}, {
     children: /*#__PURE__*/jsxRuntime.jsx("abbr", {
-      className: classNames(Typography_module.abbr, "whitespace-nowrap", color && getColor.getColorClass(color)),
+      className: utilities.cn("fabric-abbr whitespace-nowrap"),
       style: color ? {
         "--abbr-color": getColor.getColor(color)
       } : undefined,
       children: children
     })
   }));
-};
+}
 /**
- * Typography abbr component to wrap text parts in `abbr` with tooltip
+ * A component that renders abbreviated text with tooltips for additional information.
+ * It allows you to define a list of abbreviations, each with a tooltip and optional color.
+ * The component will tokenize the children text and replace matching parts with the abbreviated version.
+ * It supports a copy action that can either copy the text or the tooltip content.
+ * This component is useful for displaying technical terms or acronyms in a user-friendly way,
+ * while providing additional context through tooltips.
+ *
+ * @example
+ * ```jsx
+ * <Abbr
+ * abbr={[
+ *   ["HTML", "HyperText Markup Language", "primary"],
+ *   ["CSS", "Cascading Style Sheets", "secondary"],
+ *   ["JS", "JavaScript", "success"],
+ * ]}
+ * className="text-sm"
+ * copyContent="tooltip"
+ * >
+ *   Learn more about HTML, CSS, and JS.
+ * </Abbr>
+ * // Renders the text with abbreviations for HTML, CSS, and JS,
+ * // each with a tooltip showing the full form and colored according to the specified color.
+ * ```
  */
-var Abbr = function Abbr(_ref2) {
+function Abbr(_ref2) {
   var children = _ref2.children,
     abbr = _ref2.abbr,
     className = _ref2.className,
@@ -90,9 +109,13 @@ var Abbr = function Abbr(_ref2) {
               tooltip = _ref9$tooltip === void 0 ? "" : _ref9$tooltip,
               _ref9$color = _ref9.color,
               color = _ref9$color === void 0 ? "" : _ref9$color;
-            return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
-              children: [start, text ? abbrRender(text, tooltip, color) : null]
-            }, i);
+            return (
+              /*#__PURE__*/
+              // eslint-disable-next-line @eslint-react/no-array-index-key
+              jsxRuntime.jsxs(react.Fragment, {
+                children: [start, text ? abbrRender(text, tooltip, color) : null]
+              }, "".concat(text, "-").concat(i))
+            );
           })
         });
       }
@@ -102,9 +125,9 @@ var Abbr = function Abbr(_ref2) {
 
   /** ***************** component *******************/
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: className,
+    className: utilities.cn(className, "mixed-lang whitespace-pre-wrap"),
     children: inner
   });
-};
+}
 
 exports.Abbr = Abbr;

package/dist/cjs/typography/Anchor.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var utilities = require('@react-fabric/utilities');
+var jsxRuntime = require('react/jsx-runtime');
+
+var _excluded = ["ref", "as", "children", "className"];
+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), true).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; }
+/**
+ * A versatile link component that supports polymorphic rendering, allowing it to be used as an anchor (`<a>`), button, or any other HTML element.
+ * This component is useful for creating links that need to be styled consistently across an application, while also providing flexibility in terms of the HTML element used.
+ *
+ * @example
+ * ```jsx
+ * <Anchor href="https://example.com">
+ *   Click here
+ * </Anchor>
+ * // Renders a link with default styling.
+ * ```
+ */
+function Anchor(_ref) {
+  var ref = _ref.ref,
+    as = _ref.as,
+    children = _ref.children,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var E = as !== null && as !== void 0 ? as : "a";
+  return /*#__PURE__*/jsxRuntime.jsx(E, _objectSpread(_objectSpread({
+    className: utilities.cn("link", className),
+    ref: ref,
+    "data-clickable": true
+  }, props), {}, {
+    children: children
+  }));
+}
+
+exports.Anchor = Anchor;