@hitachivantara/uikit-react-core 5.106.1 → 6.0.0-next.1

package/dist/cjs/VerticalNavigation/VerticalNavigationContext.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const VerticalNavigationContext = React.createContext(
-  {
-    isOpen: true,
-    useIcons: false,
-    slider: false
-  }
-);
-exports.VerticalNavigationContext = VerticalNavigationContext;

package/dist/cjs/hooks/useClickOutside.cjs

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useClickOutside = (ref, handler) => {
-  React.useEffect(() => {
-    const listener = (event) => {
-      const el = ref?.current;
-      const isKeyUp = event.type === "keyup";
-      const isEscape = event.key === "Escape";
-      if (!el || el.contains(event?.target || null)) {
-        return {};
-      }
-      return isKeyUp ? isEscape ? handler(event) : null : handler(event);
-    };
-    document.addEventListener("click", listener);
-    document.addEventListener("touchstart", listener);
-    document.addEventListener("keyup", listener);
-    return () => {
-      document.removeEventListener("click", listener);
-      document.removeEventListener("touchstart", listener);
-      document.removeEventListener("keyup", listener);
-    };
-  }, [ref, handler]);
-};
-exports.useClickOutside = useClickOutside;

package/dist/cjs/hooks/useComputation.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useComputation = (valueFn, valueFallback) => {
-  const computed = React.useRef(null);
-  const [value, setValue] = React.useState(valueFallback);
-  const computeValue = () => {
-    if (!computed.current) {
-      setValue(valueFn?.());
-      computed.current = true;
-    }
-  };
-  return [value, computeValue];
-};
-exports.useComputation = useComputation;

package/dist/cjs/hooks/useControlled.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useControlled = (controlledProp, initialState) => {
-  const { current: isControlled } = React.useRef(controlledProp !== void 0);
-  const [valueState, setValue] = React.useState(initialState);
-  const value = isControlled ? controlledProp : valueState;
-  const setValueIfUncontrolled = React.useCallback(
-    (newValue) => {
-      if (!isControlled) {
-        setValue(newValue);
-      }
-    },
-    [isControlled]
-  );
-  return [value, setValueIfUncontrolled];
-};
-exports.useControlled = useControlled;

package/dist/cjs/hooks/useEnhancedEffect.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useEnhancedEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
-exports.useEnhancedEffect = useEnhancedEffect;

package/dist/cjs/hooks/useExpandable.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const setId = require("../utils/setId.cjs");
-const useControlled = require("./useControlled.cjs");
-const useUniqueId = require("./useUniqueId.cjs");
-function useExpandable({
-  id: idProp,
-  disabled,
-  expanded,
-  defaultExpanded
-}) {
-  const [isOpen, setIsOpen] = useControlled.useControlled(expanded, Boolean(defaultExpanded));
-  const id = useUniqueId.useUniqueId(idProp);
-  const buttonId = setId.setId(id, "button");
-  const regionId = setId.setId(id, "container");
-  return {
-    isOpen,
-    toggleOpen: (newOpen) => setIsOpen((o) => newOpen ?? !o),
-    buttonProps: {
-      id: buttonId,
-      "aria-disabled": disabled,
-      "aria-expanded": isOpen,
-      "aria-controls": isOpen ? regionId : void 0
-    },
-    regionProps: {
-      id: regionId,
-      role: "region",
-      "aria-labelledby": buttonId
-    }
-  };
-}
-exports.useExpandable = useExpandable;

package/dist/cjs/hooks/useFocus.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const document = require("../utils/document.cjs");
-const getActiveEl = () => document.getDocument()?.activeElement || null;
-function makeFocusUtils(containerRef) {
-  function focus(el, checkFocus = true) {
-    if (!checkFocus || containerRef.current?.contains(getActiveEl())) {
-      el?.focus();
-    }
-  }
-  return {
-    focusPrevious() {
-      focus(getActiveEl()?.previousElementSibling);
-    },
-    focusNext() {
-      focus(getActiveEl()?.nextElementSibling);
-    },
-    focusFirst() {
-      focus(getActiveEl()?.parentElement?.firstElementChild);
-    },
-    focusLast() {
-      focus(getActiveEl()?.parentElement?.lastElementChild);
-    },
-    focusChild(index) {
-      focus(containerRef.current?.children[index], false);
-    },
-    focusSibling(index) {
-      focus(getActiveEl()?.parentElement?.children[index]);
-    }
-  };
-}
-function useFocus({
-  containerRef
-}) {
-  return React.useMemo(() => makeFocusUtils(containerRef), [containerRef]);
-}
-exports.useFocus = useFocus;

package/dist/cjs/hooks/useForkRef.cjs

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const setRef = (ref, value) => {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-};
-const useForkRef = (refA, refB) => {
-  return React.useMemo(() => {
-    if (refA == null && refB == null) {
-      return null;
-    }
-    return (refValue) => {
-      setRef(refA, refValue);
-      setRef(refB, refValue);
-    };
-  }, [refA, refB]);
-};
-exports.useForkRef = useForkRef;

package/dist/cjs/hooks/useImageLoaded.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useImageLoaded = (src, srcSet) => {
-  const [imageLoaded, setImageLoaded] = React.useState(false);
-  React.useEffect(() => {
-    if (!src && !srcSet) return;
-    setImageLoaded(false);
-    let active = true;
-    const image = new Image();
-    image.src = src || "";
-    image.srcset = srcSet || "";
-    image.onload = () => {
-      if (!active) return;
-      setImageLoaded("loaded");
-    };
-    image.onerror = () => {
-      if (!active) return;
-      setImageLoaded("error");
-    };
-    return () => {
-      active = false;
-    };
-  }, [src, srcSet]);
-  return imageLoaded;
-};
-exports.useImageLoaded = useImageLoaded;

package/dist/cjs/hooks/useIsMounted.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useIsMounted = () => {
-  const isMounted = React.useRef(false);
-  React.useEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-  return isMounted;
-};
-exports.useIsMounted = useIsMounted;

package/dist/cjs/hooks/useLabels.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const deepMerge = require("../utils/deepMerge.cjs");
-function useLabels(defaultLabels, labels) {
-  return React.useMemo(() => {
-    return deepMerge.deepMerge(defaultLabels, labels);
-  }, [defaultLabels, labels]);
-}
-exports.useLabels = useLabels;

package/dist/cjs/hooks/useScrollTo.cjs

@@ -1,131 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const scroll = require("../utils/scroll.cjs");
-const useScrollTo = (selectedIndexProp = 0, scrollElementId = void 0, navigationMode = "push", relativeLinks = false, offset = 0, options = [], onChange = void 0, direction = "column") => {
-  const RETRY_MAX = 5;
-  const [selectedIndex, setSelectedIndex] = React.useState(selectedIndexProp);
-  const scrollEle = React.useRef(
-    typeof window !== "undefined" ? window : null
-  );
-  const requestedAnimationFrame = React.useRef(0);
-  const lastContainerScrollTop = React.useRef(0);
-  const selectedIndexRef = React.useRef(selectedIndex);
-  React.useEffect(() => {
-    selectedIndexRef.current = selectedIndex;
-  }, [selectedIndex]);
-  React.useEffect(() => {
-    if (typeof window !== "undefined") {
-      scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
-      lastContainerScrollTop.current = scroll.verticalScrollOffset(scrollEle.current);
-    }
-  }, [scrollElementId]);
-  const checkScroll = React.useCallback(
-    (event) => {
-      if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {
-        requestedAnimationFrame.current = window.requestAnimationFrame(() => {
-          requestedAnimationFrame.current = 0;
-          const firstVisibleElementIndex = scroll.findFirstVisibleElement(
-            scrollEle.current,
-            options,
-            offset
-          );
-          let newSelectedIndex = firstVisibleElementIndex;
-          if (firstVisibleElementIndex < 0) {
-            newSelectedIndex = 0;
-          }
-          if (newSelectedIndex < options.length - 1 && scroll.isScrolledToTheBottom(scrollEle.current)) {
-            newSelectedIndex += 1;
-          }
-          const containerScrollTop = scroll.getScrollTop(scrollEle.current);
-          const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;
-          lastContainerScrollTop.current = containerScrollTop;
-          if (isScrollingDown) {
-            if (newSelectedIndex < selectedIndexRef.current) {
-              newSelectedIndex = selectedIndexRef.current;
-            }
-          } else if (newSelectedIndex > selectedIndexRef.current) {
-            newSelectedIndex = selectedIndexRef.current;
-          }
-          setSelectedIndex(newSelectedIndex);
-          onChange?.(event, newSelectedIndex);
-        });
-      }
-    },
-    [offset, options, onChange]
-  );
-  React.useEffect(() => {
-    if (scrollEle.current) {
-      scrollEle.current.addEventListener("scroll", checkScroll, false);
-    }
-    return () => {
-      if (scrollEle.current) {
-        scrollEle.current.removeEventListener("scroll", checkScroll);
-      }
-      if (requestedAnimationFrame.current !== 0) {
-        window.cancelAnimationFrame(requestedAnimationFrame.current);
-        requestedAnimationFrame.current = 0;
-      }
-    };
-  }, [checkScroll]);
-  React.useEffect(() => {
-    let checkRenderedInterval;
-    if (navigationMode !== "none") {
-      const hashValue = document.location.hash.split("#")[1] || "";
-      const option = options.find((o) => o.value === hashValue);
-      if (option) {
-        let retry = 0;
-        checkRenderedInterval = setInterval(() => {
-          const ele = document.getElementById(option.value);
-          if (ele) {
-            scroll.scrollElement(ele, scrollEle.current, option.offset || offset);
-            clearInterval(checkRenderedInterval);
-          } else {
-            retry += 1;
-            if (retry === RETRY_MAX) {
-              clearInterval(checkRenderedInterval);
-            }
-          }
-        }, 1e3);
-      }
-    }
-    return () => {
-      clearInterval(checkRenderedInterval);
-    };
-  }, []);
-  const baseUrl = relativeLinks || typeof window === "undefined" || window == null ? "" : window.location.href.split("#")[0];
-  const elements = React.useMemo(
-    () => options.map((o) => ({
-      ...o,
-      href: `${baseUrl}#${o.value}`
-    })),
-    [options, baseUrl]
-  );
-  const setScrollTo = React.useCallback(
-    (event, id, index, wrappedOnChange) => {
-      const option = elements.find((o) => o.value === id);
-      if (option) {
-        const ele = document.getElementById(id);
-        if (ele) {
-          scroll.scrollElement(
-            ele,
-            scrollEle.current,
-            option.offset || offset,
-            direction
-          );
-        }
-        if (navigationMode === "push") {
-          window.history.pushState({}, "", option.href);
-        } else if (navigationMode === "replace") {
-          window.history.replaceState({}, "", option.href);
-        }
-        setSelectedIndex(index);
-        wrappedOnChange?.(index);
-        selectedIndexRef.current = index;
-      }
-    },
-    [elements, navigationMode, direction, offset]
-  );
-  return [selectedIndex, setScrollTo, elements];
-};
-exports.useScrollTo = useScrollTo;

package/dist/cjs/hooks/useUniqueId.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useEnhancedEffect = require("./useEnhancedEffect.cjs");
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const useReactId = React__namespace["useId".toString()] || (() => void 0);
-let count = 0;
-const useUniqueId = (deterministicId, idPrefix) => {
-  const [id, setId] = React__namespace.useState(useReactId());
-  useEnhancedEffect.useEnhancedEffect(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count++));
-  }, [deterministicId, idPrefix]);
-  return deterministicId || (idPrefix ? idPrefix + id : id ?? "");
-};
-exports.useUniqueId = useUniqueId;

package/dist/cjs/hooks/useWidth.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const styles = require("@mui/material/styles");
-const useMediaQuery = require("@mui/material/useMediaQuery");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
-const useWidth = () => {
-  const muiTheme = styles.useTheme();
-  const keys = Object.keys(uikitStyles.theme.breakpoints.values).reverse();
-  return keys.reduce((output, key) => {
-    const matches = useMediaQuery__default.default(muiTheme.breakpoints.up(key));
-    return !output && matches ? key : output;
-  }, null) || "xs";
-};
-exports.useWidth = useWidth;

package/dist/cjs/icons.cjs

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const styled = require("@emotion/styled");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const svgSizeMap = {
-  xs: 12,
-  sm: 16,
-  md: 32,
-  lg: 96,
-  xl: 112
-};
-const SvgBase = styled__default.default("svg")({
-  display: "inline-block",
-  fill: "currentcolor",
-  width: "1em",
-  height: "1em",
-  fontSize: 16,
-  flexShrink: 0,
-  transition: "rotate 0.2s ease"
-});
-const Svg = styled__default.default(SvgBase)(({ size, color, compact, rotation }) => ({
-  rotate: rotation ? "180deg" : void 0,
-  margin: compact ? 0 : size === "xs" ? 10 : 8,
-  color: uikitStyles.getColor(color) ?? "inherit",
-  fontSize: svgSizeMap[size] ?? size ?? svgSizeMap.sm
-}));
-const defaultIconPathMap = {
-  // Semantic icons
-  Success: "M6.39 12 4 9.61l.7-.7 1.62 1.6 4.65-5.57.77.64zM8 15a7 7 0 0 1-4.94-2.06A7.02 7.02 0 1 1 8 15m8-7a8 8 0 1 0-8 8 8 8 0 0 0 8-8",
-  Caution: "M7.5 6h1v4h-1zm0 7h1v-1h-1zm8.5 2H0L8 1zM1.72 14h12.56L8 3.02z",
-  Fail: "M7.5 4h1v6h-1zm0 8h1v-1h-1zM16 8a8 8 0 1 0-8 8 8 8 0 0 0 8-8m-1 0a7 7 0 1 1-7-7 7 7 0 0 1 7 7",
-  Info: "M8 16a8 8 0 1 1 8-8 8 8 0 0 1-8 8M8 1a6.96 6.96 0 0 0-7 6.91V8a6.96 6.96 0 0 0 6.91 7H8a6.96 6.96 0 0 0 7-6.91V8a6.96 6.96 0 0 0-6.91-7zm-.5 11h1V6h-1zm0-7h1V4h-1z",
-  // Arrows/Navigation
-  CaretDown: "m8 11.53-6.13-6.13.93-.93L8 9.67l5.2-5.2.93.93z",
-  CaretRight: "m5.4 14.13-.93-.93L9.67 8l-5.2-5.2.93-.93L11.53 8z",
-  DotsHorizontal: "M9.1 7v2h-2V7zM2 7v2h2V7zm10 0v2h2V7z",
-  DotsVertical: "M7 6.9h2v2H7zM7 4h2V2H7zm0 10h2v-2H7z",
-  Start: "M2.99 16.05H2v-16h.99zm2.97-8 7.34 7.41.7-.7-6.64-6.71L14 1.33l-.7-.7z",
-  Backwards: "M11.3 15.5 4 8 11.3.5l.7.8L5.38 8 12 14.8z",
-  Forwards: "M4.79 15.5 4 14.8 10.62 8 4 1.3l.79-.8L12 8z",
-  End: "M13 0h1v16h-1zM2.58.58l-.7.7L8.57 8l-6.7 6.71.7.71L10 8z",
-  // Others
-  Add: "M16 8.5H8.5V16h-1V8.5H0v-1h7.5V0h1v7.5H16z",
-  Close: "m8.7 8 5.3 5.3-.7.7L8 8.7 2.7 14l-.7-.7L7.3 8 2 2.7l.7-.7L8 7.3 13.3 2l.7.7z",
-  Search: "M15.07 14.52 10.5 9.95a5.96 5.96 0 1 0-.72.7l4.58 4.58zM5.9 11A4.95 4.95 0 0 1 1 6v-.1A4.95 4.95 0 0 1 6 1h.1A4.95 4.95 0 0 1 11 6v.1A4.95 4.95 0 0 1 6 11z",
-  SortAsc: "M.08 6.07 6.5.01l6.42 6.06Zm0 0",
-  SortDesc: "M12.92 8.93 6.5 14.99.08 8.93Zm0 0",
-  Sort: "M10.24 7 6 11.24 1.76 7zM1.76 5 6 .76 10.24 5z",
-  // single-use icons in Widgets
-  Calendar: "M10.5 2V0h-1v2h-3V0h-1v2H0v14h16V2zM15 15H1V3h14zM3 6h2v2H3zm4 0h2v2H7zm4 0h2v2h-2zm-8 4h2v2H3zm4 0h2v2H7zm4 0h2v2h-2z",
-  ColorPicker: "M15.41.57a2.05 2.05 0 0 0-2.82 0l-2.12 2.12-1.42-1.42-.7.71L14 7.64l.7-.7-1.4-1.42 2.1-2.12a2 2 0 0 0 0-2.83zm-.69 2.11L12.59 4.8l-1.42-1.42 2.12-2.12a1 1 0 0 1 1.42 1.42zM0 13v3h3l9-9-3-3zm2.59 2H1v-1.58l8-8L10.59 7z",
-  CurrentStep: "M16 8a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8",
-  Delete: "M12 1H4V0h8zm4 1v1h-2.1L13 16H3L2.1 3H0V2zm-3 1H3.1L4 15h8.1z",
-  Doc: "M9 0H2v16h12V5zm3.6 5H9V1.4zm.4 10H3V1h5v5h5z",
-  Edit: "M13.17 7.07 8.93 2.83 11.76 0 16 4.24zm-2.83-4.24 2.83 2.83 1.42-1.42-2.83-2.83zm-2.7 2.7L1 12.16V15h2.83l6.65-6.65-2.83-2.83m-.01-1.4 4.24 4.24L4.24 16H0v-4.24z",
-  Filters: "M1 2v1.6l6 6.1V14h2V9.7l6-6.1V2zM0 1h16v3l-6 6v5H6v-4.9L0 4z",
-  Fullscreen: "M16 0v4.5h-1V1.7l-4.65 4.65-.7-.7L14.29 1H11.5V0zM4.5 1V0H0v4.5h1V1.7l4.65 4.65.7-.7L1.71 1zM15 14.3l-4.65-4.65-.7.7L14.29 15H11.5v1H16v-4.5h-1zM5.65 9.64 1 14.29V11.5H0V16h4.5v-1H1.7l4.65-4.65z",
-  Menu: "M1 2v1.6l6 6.1V14h2V9.7l6-6.1V2zM0 1h16v3l-6 6v5H6v-4.9L0 4z",
-  OtherStep: "M12 8a4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4 4 4 0 0 1 4 4",
-  Time: "M8 15a7.02 7.02 0 1 0-4.94-2.06A7 7 0 0 0 8 15m0 1a8 8 0 1 1 8-8 8 8 0 0 1-8 8m2.65-4.65L7.5 8.21V3h1v4.8l2.85 2.85z",
-  User: "M9.6 8.7A4.5 4.5 0 0 0 8.04 0H8a4.5 4.5 0 0 0-4.5 4.46v.04a4.6 4.6 0 0 0 2.9 4.2A7.7 7.7 0 0 0 .5 16h1a6.5 6.5 0 0 1 6.47-6.5H8a6.5 6.5 0 0 1 6.5 6.47V16h1a7.5 7.5 0 0 0-5.9-7.3M4.5 4.5A3.54 3.54 0 0 1 8 1a3.54 3.54 0 0 1 3.5 3.5A3.54 3.54 0 0 1 8 8a3.54 3.54 0 0 1-3.5-3.5",
-  Remove: "M0 7.5h16v1H0z"
-};
-function HvIconInternal(props, ref) {
-  const { name, title, "aria-label": ariaLabel, rotate, ...others } = props;
-  const { activeTheme } = uikitReactUtils.useTheme();
-  const iconsPathMap = React.useMemo(
-    () => ({ ...defaultIconPathMap, ...activeTheme?.icons }),
-    [activeTheme?.icons]
-  );
-  const isDefaultIcon = iconsPathMap[name] === defaultIconPathMap[name];
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Svg,
-    {
-      ref,
-      "data-name": name,
-      rotation: rotate,
-      viewBox: !isDefaultIcon && activeTheme?.icons?.viewBox || "0 0 16 16",
-      focusable: false,
-      "aria-label": ariaLabel,
-      role: title || ariaLabel ? "img" : "none",
-      ...others,
-      children: [
-        title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: iconsPathMap[name] })
-      ]
-    }
-  );
-}
-const HvIcon = React.memo(React.forwardRef(HvIconInternal));
-exports.HvIcon = HvIcon;
-exports.SvgBase = SvgBase;