@hitachivantara/uikit-react-core 5.44.1 → 5.44.3

package/dist/esm/hooks/useCss.mjs

@@ -1,52 +0,0 @@
-import { useMemo } from "react";
-import clsx from "clsx";
-import { serializeStyles } from "@emotion/serialize";
-import { insertStyles, getRegisteredStyles } from "@emotion/utils";
-import { useEmotionCache } from "./useEmotionCache.mjs";
-function getRef(args) {
-  if (args.length !== 1) {
-    return { args, ref: void 0 };
-  }
-  const [arg] = args;
-  if (!(arg instanceof Object)) {
-    return { args, ref: void 0 };
-  }
-  if (!("ref" in arg)) {
-    return { args, ref: void 0 };
-  }
-  const { ref, ...argCopy } = arg;
-  return { args: [argCopy], ref };
-}
-const cssFactory = (() => {
-  function merge(registered, css, className) {
-    const registeredStyles = [];
-    const rawClassName = getRegisteredStyles(
-      registered,
-      registeredStyles,
-      className
-    );
-    if (registeredStyles.length < 2) {
-      return className;
-    }
-    return rawClassName + css(registeredStyles);
-  }
-  function innerCssFactory(cache) {
-    const css = (...styles) => {
-      const { ref, args } = getRef(styles);
-      const serialized = serializeStyles(args, cache.registered);
-      insertStyles(cache, serialized, false);
-      return `${cache.key}-${serialized.name}${ref === void 0 ? "" : ` ${ref}`}`;
-    };
-    const cx = (...args) => merge(cache.registered, css, clsx(args));
-    return { css, cx };
-  }
-  return innerCssFactory;
-})();
-function useCss() {
-  const cache = useEmotionCache();
-  return useMemo(() => cssFactory(cache), [cache]);
-}
-export {
-  useCss
-};
-//# sourceMappingURL=useCss.mjs.map

package/dist/esm/hooks/useCss.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCss.mjs","sources":["../../../src/hooks/useCss.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { css as emotionCss, EmotionCache } from \"@emotion/css\";\nimport { serializeStyles, RegisteredCache } from \"@emotion/serialize\";\nimport { insertStyles, getRegisteredStyles } from \"@emotion/utils\";\n\nimport { useEmotionCache } from \"./useEmotionCache\";\n\ntype CSS = typeof emotionCss;\n\nfunction getRef(args: any[]) {\n  if (args.length !== 1) {\n    return { args, ref: undefined };\n  }\n\n  const [arg] = args;\n\n  if (!(arg instanceof Object)) {\n    return { args, ref: undefined };\n  }\n\n  if (!(\"ref\" in arg)) {\n    return { args, ref: undefined };\n  }\n\n  const { ref, ...argCopy } = arg;\n  return { args: [argCopy], ref };\n}\n\nconst cssFactory = (() => {\n  function merge(registered: RegisteredCache, css: CSS, className: string) {\n    const registeredStyles: string[] = [];\n\n    const rawClassName = getRegisteredStyles(\n      registered,\n      registeredStyles,\n      className\n    );\n\n    if (registeredStyles.length < 2) {\n      return className;\n    }\n\n    return rawClassName + css(registeredStyles);\n  }\n\n  function innerCssFactory(cache: EmotionCache) {\n    const css: CSS = (...styles: any) => {\n      const { ref, args } = getRef(styles);\n      const serialized = serializeStyles(args, cache.registered);\n      insertStyles(cache, serialized, false);\n      return `${cache.key}-${serialized.name}${\n        ref === undefined ? \"\" : ` ${ref}`\n      }`;\n    };\n\n    const cx = (...args: any) => merge(cache.registered, css, clsx(args));\n\n    return { css, cx };\n  }\n\n  return innerCssFactory;\n})();\n\nexport function useCss() {\n  const cache = useEmotionCache();\n  return useMemo(() => cssFactory(cache), [cache]);\n}\n"],"names":[],"mappings":";;;;;AAUA,SAAS,OAAO,MAAa;AACvB,MAAA,KAAK,WAAW,GAAG;AACd,WAAA,EAAE,MAAM,KAAK,OAAU;AAAA,EAChC;AAEM,QAAA,CAAC,GAAG,IAAI;AAEV,MAAA,EAAE,eAAe,SAAS;AACrB,WAAA,EAAE,MAAM,KAAK,OAAU;AAAA,EAChC;AAEI,MAAA,EAAE,SAAS,MAAM;AACZ,WAAA,EAAE,MAAM,KAAK,OAAU;AAAA,EAChC;AAEA,QAAM,EAAE,KAAK,GAAG,QAAA,IAAY;AAC5B,SAAO,EAAE,MAAM,CAAC,OAAO,GAAG,IAAI;AAChC;AAEA,MAAM,cAAc,MAAM;AACf,WAAA,MAAM,YAA6B,KAAU,WAAmB;AACvE,UAAM,mBAA6B,CAAA;AAEnC,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGE,QAAA,iBAAiB,SAAS,GAAG;AACxB,aAAA;AAAA,IACT;AAEO,WAAA,eAAe,IAAI,gBAAgB;AAAA,EAC5C;AAEA,WAAS,gBAAgB,OAAqB;AACtC,UAAA,MAAW,IAAI,WAAgB;AACnC,YAAM,EAAE,KAAK,KAAK,IAAI,OAAO,MAAM;AACnC,YAAM,aAAa,gBAAgB,MAAM,MAAM,UAAU;AAC5C,mBAAA,OAAO,YAAY,KAAK;AACrC,aAAO,GAAG,MAAM,GAAG,IAAI,WAAW,IAAI,GACpC,QAAQ,SAAY,KAAK,IAAI,GAAG,EAClC;AAAA,IAAA;AAGI,UAAA,KAAK,IAAI,SAAc,MAAM,MAAM,YAAY,KAAK,KAAK,IAAI,CAAC;AAE7D,WAAA,EAAE,KAAK;EAChB;AAEO,SAAA;AACT;AAEO,SAAS,SAAS;AACvB,QAAM,QAAQ;AACd,SAAO,QAAQ,MAAM,WAAW,KAAK,GAAG,CAAC,KAAK,CAAC;AACjD;"}

package/dist/esm/hooks/useDefaultProps.mjs

@@ -1,41 +0,0 @@
-import { useMemo } from "react";
-import { useCss } from "./useCss.mjs";
-import { useTheme } from "./useTheme.mjs";
-function filterProps(props) {
-  return Object.keys(props).reduce((acc, key) => {
-    if (props[key] !== void 0) {
-      acc[key] = props[key];
-    }
-    return acc;
-  }, {});
-}
-function useDefaultProps(componentName, props) {
-  const { activeTheme } = useTheme();
-  const { css, cx } = useCss();
-  const themeDefaultProps = activeTheme?.components?.[componentName];
-  const classes = useMemo(() => {
-    const themeClasses = themeDefaultProps?.classes || {};
-    const propsClasses = props?.classes || {};
-    const classKeys = [
-      ...Object.keys(themeClasses),
-      ...Object.keys(propsClasses)
-    ];
-    return classKeys.reduce((acc, key) => {
-      acc[key] = cx(
-        themeClasses[key] && css(themeClasses[key]),
-        propsClasses[key]
-      );
-      return acc;
-    }, {});
-  }, [css, cx, props?.classes, themeDefaultProps?.classes]);
-  return {
-    ...themeDefaultProps,
-    ...filterProps(props),
-    classes
-  };
-}
-export {
-  filterProps,
-  useDefaultProps
-};
-//# sourceMappingURL=useDefaultProps.mjs.map

package/dist/esm/hooks/useDefaultProps.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDefaultProps.mjs","sources":["../../../src/hooks/useDefaultProps.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useCss } from \"./useCss\";\nimport { useTheme } from \"./useTheme\";\n\n/** Filter out `undefined` entries from `props` object. */\nexport function filterProps(props: Record<string, any>) {\n  return Object.keys(props).reduce((acc, key) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key];\n    }\n    return acc;\n  }, {} as typeof props);\n}\n\n/** Injects into `props` the props defined in the theme `componentName`. */\nexport function useDefaultProps<T extends Record<string, any>>(\n  /** Name of the theme component key to inject defaultProps */\n  componentName: string, // keyof HvThemeComponents,\n  props: T\n): T {\n  const { activeTheme } = useTheme();\n  const { css, cx } = useCss();\n\n  const themeDefaultProps = activeTheme?.components?.[componentName];\n\n  const classes = useMemo(() => {\n    const themeClasses = themeDefaultProps?.classes || {};\n    const propsClasses = props?.classes || {};\n    const classKeys = [\n      ...Object.keys(themeClasses),\n      ...Object.keys(propsClasses),\n    ];\n    return classKeys.reduce((acc, key) => {\n      acc[key] = cx(\n        themeClasses[key] && css(themeClasses[key]),\n        propsClasses[key]\n      );\n      return acc;\n    }, {} as Record<string, string>);\n  }, [css, cx, props?.classes, themeDefaultProps?.classes]);\n\n  return {\n    ...themeDefaultProps,\n    ...filterProps(props),\n    classes,\n  };\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,YAAY,OAA4B;AACtD,SAAO,OAAO,KAAK,KAAK,EAAE,OAAO,CAAC,KAAK,QAAQ;AACzC,QAAA,MAAM,GAAG,MAAM,QAAW;AACxB,UAAA,GAAG,IAAI,MAAM,GAAG;AAAA,IACtB;AACO,WAAA;AAAA,EACT,GAAG,CAAkB,CAAA;AACvB;AAGgB,SAAA,gBAEd,eACA,OACG;AACG,QAAA,EAAE,gBAAgB;AACxB,QAAM,EAAE,KAAK,GAAG,IAAI,OAAO;AAErB,QAAA,oBAAoB,aAAa,aAAa,aAAa;AAE3D,QAAA,UAAU,QAAQ,MAAM;AACtB,UAAA,eAAe,mBAAmB,WAAW;AAC7C,UAAA,eAAe,OAAO,WAAW;AACvC,UAAM,YAAY;AAAA,MAChB,GAAG,OAAO,KAAK,YAAY;AAAA,MAC3B,GAAG,OAAO,KAAK,YAAY;AAAA,IAAA;AAE7B,WAAO,UAAU,OAAO,CAAC,KAAK,QAAQ;AACpC,UAAI,GAAG,IAAI;AAAA,QACT,aAAa,GAAG,KAAK,IAAI,aAAa,GAAG,CAAC;AAAA,QAC1C,aAAa,GAAG;AAAA,MAAA;AAEX,aAAA;AAAA,IACT,GAAG,CAA4B,CAAA;AAAA,EAAA,GAC9B,CAAC,KAAK,IAAI,OAAO,SAAS,mBAAmB,OAAO,CAAC;AAEjD,SAAA;AAAA,IACL,GAAG;AAAA,IACH,GAAG,YAAY,KAAK;AAAA,IACpB;AAAA,EAAA;AAEJ;"}

package/dist/esm/hooks/useEmotionCache.mjs

@@ -1,12 +0,0 @@
-import { useContext } from "react";
-import "@emotion/react/jsx-runtime";
-import "@hitachivantara/uikit-styles";
-import { EmotionContext } from "@hitachivantara/uikit-react-shared";
-import "@mui/material/styles";
-function useEmotionCache() {
-  return useContext(EmotionContext).cache;
-}
-export {
-  useEmotionCache
-};
-//# sourceMappingURL=useEmotionCache.mjs.map

package/dist/esm/hooks/useEmotionCache.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEmotionCache.mjs","sources":["../../../src/hooks/useEmotionCache.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { EmotionContext } from \"../providers/ThemeProvider\";\n\nexport function useEmotionCache() {\n  return useContext(EmotionContext).cache;\n}\n"],"names":[],"mappings":";;;;;AAIO,SAAS,kBAAkB;AACzB,SAAA,WAAW,cAAc,EAAE;AACpC;"}

package/dist/esm/hooks/useEnhancedEffect.mjs

@@ -1,6 +0,0 @@
-import { useLayoutEffect, useEffect } from "react";
-const useEnhancedEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-export {
-  useEnhancedEffect
-};
-//# sourceMappingURL=useEnhancedEffect.mjs.map

package/dist/esm/hooks/useEnhancedEffect.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEnhancedEffect.mjs","sources":["../../../src/hooks/useEnhancedEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useEnhancedEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n"],"names":[],"mappings":";AAEO,MAAM,oBACX,OAAO,WAAW,cAAc,kBAAkB;"}

package/dist/esm/hooks/useForkRef.mjs

@@ -1,23 +0,0 @@
-import * as React from "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]);
-};
-export {
-  useForkRef
-};
-//# sourceMappingURL=useForkRef.mjs.map

package/dist/esm/hooks/useForkRef.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useForkRef.mjs","sources":["../../../src/hooks/useForkRef.ts"],"sourcesContent":["// copied from https://github.com/mui-org/material-ui/blob/03bd73be34424cb2cd17ac602def9ad2b9642de4/packages/material-ui-utils/src/useForkRef.js\nimport * as React from \"react\";\n\nconst setRef = (ref, value) => {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n};\n\nexport const useForkRef = (refA, refB) => {\n  /**\n   * This will create a new function if the ref props change and are defined.\n   * This means react will call the old forkRef with `null` and the new forkRef\n   * with the ref. Cleanup naturally emerges from this behavior.\n   */\n  return React.useMemo(() => {\n    if (refA == null && refB == null) {\n      return null;\n    }\n    return (refValue) => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n};\n"],"names":[],"mappings":";AAGA,MAAM,SAAS,CAAC,KAAK,UAAU;AACzB,MAAA,OAAO,QAAQ,YAAY;AAC7B,QAAI,KAAK;AAAA,aACA,KAAK;AACd,QAAI,UAAU;AAAA,EAChB;AACF;AAEa,MAAA,aAAa,CAAC,MAAM,SAAS;AAMjC,SAAA,MAAM,QAAQ,MAAM;AACrB,QAAA,QAAQ,QAAQ,QAAQ,MAAM;AACzB,aAAA;AAAA,IACT;AACA,WAAO,CAAC,aAAa;AACnB,aAAO,MAAM,QAAQ;AACrB,aAAO,MAAM,QAAQ;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,MAAM,IAAI,CAAC;AACjB;"}

package/dist/esm/hooks/useImageLoaded.mjs

@@ -1,34 +0,0 @@
-import { useState, useEffect } from "react";
-const useImageLoaded = (src, srcSet) => {
-  const [imageLoaded, setImageLoaded] = useState(false);
-  useEffect(() => {
-    if (!src && !srcSet) {
-      return void 0;
-    }
-    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;
-};
-export {
-  useImageLoaded
-};
-//# sourceMappingURL=useImageLoaded.mjs.map

package/dist/esm/hooks/useImageLoaded.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImageLoaded.mjs","sources":["../../../src/hooks/useImageLoaded.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useImageLoaded = (src?: string, srcSet?: string) => {\n  const [imageLoaded, setImageLoaded] = useState<boolean | string>(false);\n\n  useEffect(() => {\n    if (!src && !srcSet) {\n      return undefined;\n    }\n\n    setImageLoaded(false);\n\n    let active = true;\n    const image = new Image();\n    image.src = src || \"\";\n    image.srcset = srcSet || \"\";\n    image.onload = () => {\n      if (!active) {\n        return;\n      }\n\n      setImageLoaded(\"loaded\");\n    };\n    image.onerror = () => {\n      if (!active) {\n        return;\n      }\n\n      setImageLoaded(\"error\");\n    };\n\n    return () => {\n      active = false;\n    };\n  }, [src, srcSet]);\n\n  return imageLoaded;\n};\n"],"names":[],"mappings":";AAEa,MAAA,iBAAiB,CAAC,KAAc,WAAoB;AAC/D,QAAM,CAAC,aAAa,cAAc,IAAI,SAA2B,KAAK;AAEtE,YAAU,MAAM;AACV,QAAA,CAAC,OAAO,CAAC,QAAQ;AACZ,aAAA;AAAA,IACT;AAEA,mBAAe,KAAK;AAEpB,QAAI,SAAS;AACP,UAAA,QAAQ,IAAI;AAClB,UAAM,MAAM,OAAO;AACnB,UAAM,SAAS,UAAU;AACzB,UAAM,SAAS,MAAM;AACnB,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,qBAAe,QAAQ;AAAA,IAAA;AAEzB,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,qBAAe,OAAO;AAAA,IAAA;AAGxB,WAAO,MAAM;AACF,eAAA;AAAA,IAAA;AAAA,EACX,GACC,CAAC,KAAK,MAAM,CAAC;AAET,SAAA;AACT;"}

package/dist/esm/hooks/useIsMounted.mjs

@@ -1,15 +0,0 @@
-import React__default from "react";
-const useIsMounted = () => {
-  const isMounted = React__default.useRef(false);
-  React__default.useEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-  return isMounted;
-};
-export {
-  useIsMounted
-};
-//# sourceMappingURL=useIsMounted.mjs.map

package/dist/esm/hooks/useIsMounted.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsMounted.mjs","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import React from \"react\";\n\nexport const useIsMounted = () => {\n  const isMounted = React.useRef(false);\n\n  React.useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n};\n"],"names":["React"],"mappings":";AAEO,MAAM,eAAe,MAAM;AAC1B,QAAA,YAAYA,eAAM,OAAO,KAAK;AAEpCA,iBAAM,UAAU,MAAM;AACpB,cAAU,UAAU;AAEpB,WAAO,MAAM;AACX,gBAAU,UAAU;AAAA,IAAA;AAAA,EAExB,GAAG,CAAE,CAAA;AAEE,SAAA;AACT;"}

package/dist/esm/hooks/useLabels.mjs

@@ -1,11 +0,0 @@
-import React__default from "react";
-function useLabels(defaultLabels, labels) {
-  const merged = React__default.useMemo(() => {
-    return { ...defaultLabels, ...labels };
-  }, [defaultLabels, labels]);
-  return merged;
-}
-export {
-  useLabels
-};
-//# sourceMappingURL=useLabels.mjs.map

package/dist/esm/hooks/useLabels.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLabels.mjs","sources":["../../../src/hooks/useLabels.ts"],"sourcesContent":["import React from \"react\";\n\nexport function useLabels<T>(defaultLabels: Partial<T>, labels: T): T {\n  const merged = React.useMemo(() => {\n    return { ...defaultLabels, ...labels };\n  }, [defaultLabels, labels]);\n\n  return merged;\n}\n"],"names":["React"],"mappings":";AAEgB,SAAA,UAAa,eAA2B,QAAc;AAC9D,QAAA,SAASA,eAAM,QAAQ,MAAM;AACjC,WAAO,EAAE,GAAG,eAAe,GAAG;EAAO,GACpC,CAAC,eAAe,MAAM,CAAC;AAEnB,SAAA;AACT;"}

package/dist/esm/hooks/useTheme.mjs

@@ -1,16 +0,0 @@
-import { useContext, useMemo } from "react";
-import "@emotion/react/jsx-runtime";
-import "@hitachivantara/uikit-styles";
-import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
-import "@mui/material/styles";
-const useTheme = () => {
-  const context = useContext(HvThemeContext);
-  return useMemo(() => {
-    const { activeTheme, selectedMode } = context;
-    return { ...context, colors: activeTheme?.colors.modes?.[selectedMode] };
-  }, [context]);
-};
-export {
-  useTheme
-};
-//# sourceMappingURL=useTheme.mjs.map

package/dist/esm/hooks/useTheme.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.mjs","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext, useMemo } from \"react\";\nimport { HvTheme } from \"@hitachivantara/uikit-react-shared\";\n\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"../providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue & {\n  /** Colors of the currently active theme and mode */\n  colors?: HvTheme[\"colors\"][\"modes\"][\"mode\"];\n} => {\n  const context = useContext(HvThemeContext);\n\n  return useMemo(() => {\n    const { activeTheme, selectedMode } = context;\n    return { ...context, colors: activeTheme?.colors.modes?.[selectedMode] };\n  }, [context]);\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,WAAW,MAGnB;AACG,QAAA,UAAU,WAAW,cAAc;AAEzC,SAAO,QAAQ,MAAM;AACb,UAAA,EAAE,aAAa,aAAiB,IAAA;AAC/B,WAAA,EAAE,GAAG,SAAS,QAAQ,aAAa,OAAO,QAAQ,YAAY;EAAE,GACtE,CAAC,OAAO,CAAC;AACd;"}

package/dist/esm/hooks/useUniqueId.mjs

@@ -1,15 +0,0 @@
-import * as React from "react";
-const useReactId = React["useId".toString()] || (() => void 0);
-let count = 0;
-const useUniqueId = (deterministicId, idPrefix) => {
-  const [id, setId] = React.useState(useReactId());
-  React.useLayoutEffect(() => {
-    if (!deterministicId)
-      setId((reactId) => reactId ?? String(count++));
-  }, [deterministicId, idPrefix]);
-  return deterministicId || (idPrefix ? idPrefix + id : id ?? "");
-};
-export {
-  useUniqueId
-};
-//# sourceMappingURL=useUniqueId.mjs.map

package/dist/esm/hooks/useUniqueId.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUniqueId.mjs","sources":["../../../src/hooks/useUniqueId.ts"],"sourcesContent":["import * as React from \"react\"; // this can be optimized when react 17 support is dropped\n\n/** Credit: https://github.com/radix-ui/primitives/blob/main/packages/react/id/src/id.tsx\n *  Modified slightly to suit our purposes.\n */\n// We `toString()` to prevent bundlers from trying to `import { useId } from 'react';`\nconst useReactId = (React as any)[\"useId\".toString()] || (() => undefined);\nlet count = 0;\n\nexport const useUniqueId = (\n  deterministicId?: string,\n  idPrefix?: string\n): string => {\n  const [id, setId] = React.useState<string | undefined>(useReactId());\n\n  React.useLayoutEffect(() => {\n    // eslint-disable-next-line no-plusplus\n    if (!deterministicId) setId((reactId) => reactId ?? String(count++));\n  }, [deterministicId, idPrefix]);\n\n  return deterministicId || (idPrefix ? idPrefix + id : id ?? \"\");\n};\n"],"names":[],"mappings":";AAMA,MAAM,aAAc,MAAc,QAAQ,SAAU,CAAA,MAAM,MAAM;AAChE,IAAI,QAAQ;AAEC,MAAA,cAAc,CACzB,iBACA,aACW;AACX,QAAM,CAAC,IAAI,KAAK,IAAI,MAAM,SAA6B,YAAY;AAEnE,QAAM,gBAAgB,MAAM;AAE1B,QAAI,CAAC;AAAiB,YAAM,CAAC,YAAY,WAAW,OAAO,OAAO,CAAC;AAAA,EAAA,GAClE,CAAC,iBAAiB,QAAQ,CAAC;AAE9B,SAAO,oBAAoB,WAAW,WAAW,KAAK,MAAM;AAC9D;"}

package/dist/esm/hooks/useWidth.mjs

@@ -1,15 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { useTheme } from "@mui/material/styles";
-import useMediaQuery from "@mui/material/useMediaQuery";
-const useWidth = () => {
-  const muiTheme = useTheme();
-  const keys = Object.keys(theme.breakpoints.values).reverse();
-  return keys.reduce((output, key) => {
-    const matches = useMediaQuery(muiTheme.breakpoints.up(key));
-    return !output && matches ? key : output;
-  }, null) || "xs";
-};
-export {
-  useWidth
-};
-//# sourceMappingURL=useWidth.mjs.map

package/dist/esm/hooks/useWidth.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWidth.mjs","sources":["../../../src/hooks/useWidth.ts"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoint, useTheme } from \"@mui/material/styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\n\nexport const useWidth = () => {\n  const muiTheme = useTheme();\n  const keys = Object.keys(theme.breakpoints.values).reverse() as Breakpoint[];\n\n  return (\n    keys.reduce<Breakpoint | null>((output, key) => {\n      const matches = useMediaQuery(muiTheme.breakpoints.up(key));\n\n      return !output && matches ? key : output;\n    }, null) || \"xs\"\n  );\n};\n"],"names":[],"mappings":";;;AAKO,MAAM,WAAW,MAAM;AAC5B,QAAM,WAAW;AACjB,QAAM,OAAO,OAAO,KAAK,MAAM,YAAY,MAAM,EAAE;AAEnD,SACE,KAAK,OAA0B,CAAC,QAAQ,QAAQ;AAC9C,UAAM,UAAU,cAAc,SAAS,YAAY,GAAG,GAAG,CAAC;AAEnD,WAAA,CAAC,UAAU,UAAU,MAAM;AAAA,EAAA,GACjC,IAAI,KAAK;AAEhB;"}