@hitachivantara/uikit-react-core 5.19.2 → 5.20.0

package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs

@@ -6,8 +6,7 @@ const Action_styles = require("./Action.styles.cjs");
 const actionClasses = require("./actionClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
-const keyCheck = require("../../../utils/keyboardUtils/keyCheck.cjs");
-const keyboardCodes = require("../../../utils/keyboardUtils/keyboardCodes.cjs");
+const keyboardUtils = require("../../../utils/keyboardUtils.cjs");
 const setId = require("../../../utils/setId.cjs");
 const HvVerticalNavigationAction = ({
   className,
@@ -22,7 +21,7 @@ const HvVerticalNavigationAction = ({
     isOpen
   } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
   const handleKeyDown = React.useCallback((event) => {
-    if (onClick == null || !keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Enter) && !keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.SpaceBar)) {
+    if (onClick == null || !keyboardUtils.isKey(event, "Enter") && !keyboardUtils.isKey(event, "Space")) {
       return;
     }
     onClick(event);

package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEventHandler, useCallback, useContext } from \"react\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { VerticalNavigationContext } from \"..\";\nimport { StyledAction } from \"./Action.styles\";\nimport actionClasses, {\n  HvVerticalNavigationActionClasses,\n} from \"./actionClasses\";\n\nexport interface HvVerticalNavigationActionProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionClasses;\n  /**\n   * Id to be applied to the action.\n   */\n  id?: string;\n  /**\n   * Visual label.\n   */\n  label?: string;\n  /**\n   * Icon.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Callback called when clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationAction = ({\n  className,\n  classes,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, keyboardCodes.Enter) &&\n          !isKeypress(event, keyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <StyledAction\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(\n        className,\n        actionClasses.action,\n        classes?.action,\n        !icon && clsx(actionClasses.noIcon, classes?.noIcon),\n        !isOpen && clsx(actionClasses.minimized, classes?.action)\n      )}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </StyledAction>\n  );\n};\n"],"names":["HvVerticalNavigationAction","className","classes","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","handleKeyDown","useCallback","event","isKeypress","keyboardCodes","Enter","SpaceBar","StyledAction","setId","component","role","clsx","actionClasses","action","noIcon","minimized","tabIndex","onKeyDown","children"],"mappings":";;;;;;;;;;;AAoCO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAEjDC,QAAAA,gBAAgBC,kBACnBC,CAAU,UAAA;AACT,QACEP,WAAW,QACV,CAACQ,SAAAA,WAAWD,OAAOE,cAAAA,cAAcC,KAAK,KACrC,CAACF,SAAAA,WAAWD,OAAOE,cAAAA,cAAcE,QAAQ,GAC3C;AACA;AAAA,IACF;AAEAX,YAAQO,KAAK;AAAA,EAAA,GAEf,CAACP,OAAO,CACV;AAEA,yCACGY,cAAAA,cAAY;AAAA,IACXf,IAAIgB,MAAAA,MAAMhB,IAAI,QAAQ;AAAA,IACtBiB,WAAU;AAAA,IACVC,MAAK;AAAA,IACLpB,WAAWqB,KAAAA,KACTrB,WACAsB,sBAAcC,QACdtB,mCAASsB,QACT,CAACnB,QAAQiB,UAAKC,cAAAA,QAAcE,QAAQvB,mCAASuB,MAAM,GACnD,CAACjB,UAAUc,UAAKC,cAAAA,QAAcG,WAAWxB,mCAASsB,MAAM,CAC1D;AAAA,IACAG,UAAU;AAAA,IACVC,WAAWjB;AAAAA,IACXL;AAAAA,IAAiB,GACbC;AAAAA,IAAMsB,UAETxB,CAAAA,MACAG,UAAUJ,KAAK;AAAA,EAAA,CACJ;AAElB;;"}
+{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEventHandler, useCallback, useContext } from \"react\";\nimport { isKey, setId } from \"@core/utils\";\nimport { VerticalNavigationContext } from \"..\";\nimport { StyledAction } from \"./Action.styles\";\nimport actionClasses, {\n  HvVerticalNavigationActionClasses,\n} from \"./actionClasses\";\n\nexport interface HvVerticalNavigationActionProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionClasses;\n  /**\n   * Id to be applied to the action.\n   */\n  id?: string;\n  /**\n   * Visual label.\n   */\n  label?: string;\n  /**\n   * Icon.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Callback called when clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationAction = ({\n  className,\n  classes,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKey(event, \"Enter\") && !isKey(event, \"Space\"))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <StyledAction\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(\n        className,\n        actionClasses.action,\n        classes?.action,\n        !icon && clsx(actionClasses.noIcon, classes?.noIcon),\n        !isOpen && clsx(actionClasses.minimized, classes?.action)\n      )}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </StyledAction>\n  );\n};\n"],"names":["HvVerticalNavigationAction","className","classes","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","handleKeyDown","useCallback","event","isKey","StyledAction","setId","component","role","clsx","actionClasses","action","noIcon","minimized","tabIndex","onKeyDown","children"],"mappings":";;;;;;;;;;AAoCO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAEjDC,QAAAA,gBAAgBC,kBACnBC,CAAU,UAAA;AAEPP,QAAAA,WAAW,QACV,CAACQ,cAAAA,MAAMD,OAAO,OAAO,KAAK,CAACC,cAAAA,MAAMD,OAAO,OAAO,GAChD;AACA;AAAA,IACF;AAEAP,YAAQO,KAAK;AAAA,EAAA,GAEf,CAACP,OAAO,CACV;AAEA,yCACGS,cAAAA,cAAY;AAAA,IACXZ,IAAIa,MAAAA,MAAMb,IAAI,QAAQ;AAAA,IACtBc,WAAU;AAAA,IACVC,MAAK;AAAA,IACLjB,WAAWkB,KAAAA,KACTlB,WACAmB,sBAAcC,QACdnB,mCAASmB,QACT,CAAChB,QAAQc,UAAKC,cAAAA,QAAcE,QAAQpB,mCAASoB,MAAM,GACnD,CAACd,UAAUW,UAAKC,cAAAA,QAAcG,WAAWrB,mCAASmB,MAAM,CAC1D;AAAA,IACAG,UAAU;AAAA,IACVC,WAAWd;AAAAA,IACXL;AAAAA,IAAiB,GACbC;AAAAA,IAAMmB,UAETrB,CAAAA,MACAG,UAAUJ,KAAK;AAAA,EAAA,CACJ;AAElB;;"}

package/dist/cjs/hooks/useCss.cjs

@@ -36,9 +36,7 @@ function getRef(args) {
     ref
   };
 }
-const {
-  cssFactory
-} = (() => {
+const cssFactory = (() => {
   function merge(registered, css, className) {
     const registeredStyles = [];
     const rawClassName = utils.getRegisteredStyles(registered, registeredStyles, className);
@@ -47,10 +45,7 @@ const {
     }
     return rawClassName + css(registeredStyles);
   }
-  function innerCssFactory(params) {
-    const {
-      cache
-    } = params;
+  function innerCssFactory(cache) {
     const css = (...styles) => {
       const {
         ref,
@@ -66,15 +61,11 @@ const {
       cx
     };
   }
-  return {
-    cssFactory: innerCssFactory
-  };
+  return innerCssFactory;
 })();
 function useCss() {
   const cache = useEmotionCache.useEmotionCache();
-  return React.useMemo(() => cssFactory({
-    cache
-  }), [cache]);
+  return React.useMemo(() => cssFactory(cache), [cache]);
 }
 exports.useCss = useCss;
 //# sourceMappingURL=useCss.cjs.map

package/dist/cjs/hooks/useCss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCss.cjs","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\";\nimport { useEmotionCache } from \"@core/hooks/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(params: { cache: EmotionCache }) {\n    const { cache } = params;\n\n    const css: CSS = (...styles: any) => {\n      const { ref, args } = getRef(styles);\n      const serialized = serializeStyles(args, cache.registered);\n      insertStyles(cache as any, 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 { cssFactory: innerCssFactory };\n})();\n\nexport function useCss() {\n  const cache = useEmotionCache();\n  return useMemo(() => cssFactory({ cache }), [cache]);\n}\n"],"names":["getRef","args","length","ref","undefined","arg","Object","argCopy","cssFactory","merge","registered","css","className","registeredStyles","rawClassName","getRegisteredStyles","innerCssFactory","params","cache","styles","serialized","serializeStyles","key","name","cx","clsx","useCss","useEmotionCache","useMemo"],"mappings":";;;;;;;;;AASA,SAASA,OAAOC,MAAa;AACvBA,MAAAA,KAAKC,WAAW,GAAG;AACd,WAAA;AAAA,MAAED;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEM,QAAA,CAACC,GAAG,IAAIJ;AAEV,MAAA,EAAEI,eAAeC,SAAS;AACrB,WAAA;AAAA,MAAEL;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEI,MAAA,EAAE,SAASC,MAAM;AACZ,WAAA;AAAA,MAAEJ;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEM,QAAA;AAAA,IAAED;AAAAA,IAAK,GAAGI;AAAAA,EAAYF,IAAAA;AACrB,SAAA;AAAA,IAAEJ,MAAM,CAACM,OAAO;AAAA,IAAGJ;AAAAA,EAAAA;AAC5B;AAEA,MAAM;AAAA,EAAEK;AAAW,KAAK,MAAM;AACnBC,WAAAA,MAAMC,YAA6BC,KAAUC,WAAmB;AACvE,UAAMC,mBAA6B,CAAA;AAEnC,UAAMC,eAAeC,MAAAA,oBACnBL,YACAG,kBACAD,SACF;AAEIC,QAAAA,iBAAiBX,SAAS,GAAG;AACxBU,aAAAA;AAAAA,IACT;AAEOE,WAAAA,eAAeH,IAAIE,gBAAgB;AAAA,EAC5C;AAEA,WAASG,gBAAgBC,QAAiC;AAClD,UAAA;AAAA,MAAEC;AAAAA,IAAUD,IAAAA;AAEZN,UAAAA,MAAWA,IAAIQ,WAAgB;AAC7B,YAAA;AAAA,QAAEhB;AAAAA,QAAKF;AAAAA,MAAAA,IAASD,OAAOmB,MAAM;AACnC,YAAMC,aAAaC,UAAAA,gBAAgBpB,MAAMiB,MAAMR,UAAU;AAC5CQ,YAAAA,aAAAA,OAAcE,YAAY,KAAK;AACpC,aAAA,GAAEF,MAAMI,OAAOF,WAAWG,OAChCpB,QAAQC,SAAY,KAAM,IAAGD;AAAAA,IAAAA;AAI3BqB,UAAAA,KAAKA,IAAIvB,SAAcQ,MAAMS,MAAMR,YAAYC,KAAKc,cAAAA,QAAKxB,IAAI,CAAC;AAE7D,WAAA;AAAA,MAAEU;AAAAA,MAAKa;AAAAA,IAAAA;AAAAA,EAChB;AAEO,SAAA;AAAA,IAAEhB,YAAYQ;AAAAA,EAAAA;AACvB;AAEO,SAASU,SAAS;AACvB,QAAMR,QAAQS,gBAAAA;AACPC,SAAAA,MAAAA,QAAQ,MAAMpB,WAAW;AAAA,IAAEU;AAAAA,EAAAA,CAAO,GAAG,CAACA,KAAK,CAAC;AACrD;;"}
+{"version":3,"file":"useCss.cjs","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\";\nimport { useEmotionCache } from \"@core/hooks/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":["getRef","args","length","ref","undefined","arg","Object","argCopy","cssFactory","merge","registered","css","className","registeredStyles","rawClassName","getRegisteredStyles","innerCssFactory","cache","styles","serialized","serializeStyles","key","name","cx","clsx","useCss","useEmotionCache","useMemo"],"mappings":";;;;;;;;;AASA,SAASA,OAAOC,MAAa;AACvBA,MAAAA,KAAKC,WAAW,GAAG;AACd,WAAA;AAAA,MAAED;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEM,QAAA,CAACC,GAAG,IAAIJ;AAEV,MAAA,EAAEI,eAAeC,SAAS;AACrB,WAAA;AAAA,MAAEL;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEI,MAAA,EAAE,SAASC,MAAM;AACZ,WAAA;AAAA,MAAEJ;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEM,QAAA;AAAA,IAAED;AAAAA,IAAK,GAAGI;AAAAA,EAAYF,IAAAA;AACrB,SAAA;AAAA,IAAEJ,MAAM,CAACM,OAAO;AAAA,IAAGJ;AAAAA,EAAAA;AAC5B;AAEA,MAAMK,cAAc,MAAM;AACfC,WAAAA,MAAMC,YAA6BC,KAAUC,WAAmB;AACvE,UAAMC,mBAA6B,CAAA;AAEnC,UAAMC,eAAeC,MAAAA,oBACnBL,YACAG,kBACAD,SACF;AAEIC,QAAAA,iBAAiBX,SAAS,GAAG;AACxBU,aAAAA;AAAAA,IACT;AAEOE,WAAAA,eAAeH,IAAIE,gBAAgB;AAAA,EAC5C;AAEA,WAASG,gBAAgBC,OAAqB;AACtCN,UAAAA,MAAWA,IAAIO,WAAgB;AAC7B,YAAA;AAAA,QAAEf;AAAAA,QAAKF;AAAAA,MAAAA,IAASD,OAAOkB,MAAM;AACnC,YAAMC,aAAaC,UAAAA,gBAAgBnB,MAAMgB,MAAMP,UAAU;AAC5CO,YAAAA,aAAAA,OAAOE,YAAY,KAAK;AAC7B,aAAA,GAAEF,MAAMI,OAAOF,WAAWG,OAChCnB,QAAQC,SAAY,KAAM,IAAGD;AAAAA,IAAAA;AAI3BoB,UAAAA,KAAKA,IAAItB,SAAcQ,MAAMQ,MAAMP,YAAYC,KAAKa,cAAAA,QAAKvB,IAAI,CAAC;AAE7D,WAAA;AAAA,MAAEU;AAAAA,MAAKY;AAAAA,IAAAA;AAAAA,EAChB;AAEOP,SAAAA;AACT;AAEO,SAASS,SAAS;AACvB,QAAMR,QAAQS,gBAAAA;AACd,SAAOC,MAAAA,QAAQ,MAAMnB,WAAWS,KAAK,GAAG,CAACA,KAAK,CAAC;AACjD;;"}

package/dist/cjs/hooks/useEmotionCache.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 require("@hitachivantara/uikit-styles");
-const ThemeProvider = require("../providers/ThemeProvider.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+require("@mui/material/styles");
+require("@emotion/react/jsx-runtime");
 function useEmotionCache() {
-  var _a;
-  const cache = (_a = React.useContext(ThemeProvider.EmotionContext)) == null ? void 0 : _a.cache;
-  return cache || ThemeProvider.defaultEmotionCache;
+  return React.useContext(uikitReactShared.EmotionContext).cache;
 }
 exports.useEmotionCache = useEmotionCache;
 //# sourceMappingURL=useEmotionCache.cjs.map

package/dist/cjs/hooks/useEmotionCache.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEmotionCache.cjs","sources":["../../../src/hooks/useEmotionCache.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { EmotionContext, defaultEmotionCache } from \"..\";\n\nexport function useEmotionCache() {\n  const cache = useContext(EmotionContext)?.cache;\n  return cache || defaultEmotionCache;\n}\n"],"names":["useEmotionCache","cache","useContext","EmotionContext","defaultEmotionCache"],"mappings":";;;;;AAGO,SAASA,kBAAkB;;AAC1BC,QAAAA,SAAQC,WAAAA,WAAWC,cAAc,cAAA,MAAzBD,mBAA4BD;AAC1C,SAAOA,SAASG,cAAAA;AAClB;;"}
+{"version":3,"file":"useEmotionCache.cjs","sources":["../../../src/hooks/useEmotionCache.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { EmotionContext } from \"..\";\n\nexport function useEmotionCache() {\n  return useContext(EmotionContext).cache;\n}\n"],"names":["useEmotionCache","useContext","EmotionContext","cache"],"mappings":";;;;;;;AAGO,SAASA,kBAAkB;AACzBC,SAAAA,MAAAA,WAAWC,+BAAc,EAAEC;AACpC;;"}

package/dist/cjs/hooks/useTheme.cjs

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-require("../providers/ThemeProvider.cjs");
+require("@hitachivantara/uikit-styles");
 const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+require("@mui/material/styles");
+require("@emotion/react/jsx-runtime");
 const useTheme = () => {
   return React.useContext(uikitReactShared.HvThemeContext);
 };

package/dist/cjs/hooks/useTheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.cjs","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"../providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue => {\n  return useContext(HvThemeContext);\n};\n"],"names":["useTheme","useContext","HvThemeContext"],"mappings":";;;;;AAMO,MAAMA,WAAWA,MAA2B;AACjD,SAAOC,MAAAA,WAAWC,iBAAAA,cAAc;AAClC;;"}
+{"version":3,"file":"useTheme.cjs","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"../providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue => {\n  return useContext(HvThemeContext);\n};\n"],"names":["useTheme","useContext","HvThemeContext"],"mappings":";;;;;;;AAMO,MAAMA,WAAWA,MAA2B;AACjD,SAAOC,MAAAA,WAAWC,iBAAAA,cAAc;AAClC;;"}

package/dist/cjs/index.cjs

@@ -43,7 +43,7 @@ const baseDropdownClasses = require("./components/BaseDropdown/baseDropdownClass
 const BaseDropdown = require("./components/BaseDropdown/BaseDropdown.cjs");
 const ActionBar_styles = require("./components/ActionBar/ActionBar.styles.cjs");
 const ActionBar = require("./components/ActionBar/ActionBar.cjs");
-const accordionClasses = require("./components/Accordion/accordionClasses.cjs");
+const Accordion_styles = require("./components/Accordion/Accordion.styles.cjs");
 const Accordion = require("./components/Accordion/Accordion.cjs");
 const avatarClasses = require("./components/Avatar/avatarClasses.cjs");
 const Avatar = require("./components/Avatar/Avatar.cjs");
@@ -117,9 +117,9 @@ const baseCheckBoxClasses = require("./components/BaseCheckBox/baseCheckBoxClass
 const BaseCheckBox = require("./components/BaseCheckBox/BaseCheckBox.cjs");
 const baseRadioClasses = require("./components/BaseRadio/baseRadioClasses.cjs");
 const BaseRadio = require("./components/BaseRadio/BaseRadio.cjs");
-const appSwitcherClasses = require("./components/AppSwitcher/appSwitcherClasses.cjs");
+const AppSwitcher_styles = require("./components/AppSwitcher/AppSwitcher.styles.cjs");
 const AppSwitcher = require("./components/AppSwitcher/AppSwitcher.cjs");
-const actionClasses = require("./components/AppSwitcher/Action/actionClasses.cjs");
+const Action_styles = require("./components/AppSwitcher/Action/Action.styles.cjs");
 const Action = require("./components/AppSwitcher/Action/Action.cjs");
 const baseSwitchClasses = require("./components/BaseSwitch/baseSwitchClasses.cjs");
 const BaseSwitch = require("./components/BaseSwitch/BaseSwitch.cjs");
@@ -150,7 +150,7 @@ const DropDownMenu_styles = require("./components/DropDownMenu/DropDownMenu.styl
 const DropDownMenu = require("./components/DropDownMenu/DropDownMenu.cjs");
 const Pagination_styles = require("./components/Pagination/Pagination.styles.cjs");
 const Pagination = require("./components/Pagination/Pagination.cjs");
-const actionsGenericClasses = require("./components/ActionsGeneric/actionsGenericClasses.cjs");
+const ActionsGeneric_styles = require("./components/ActionsGeneric/ActionsGeneric.styles.cjs");
 const ActionsGeneric = require("./components/ActionsGeneric/ActionsGeneric.cjs");
 const breadCrumbClasses = require("./components/BreadCrumb/breadCrumbClasses.cjs");
 const BreadCrumb = require("./components/BreadCrumb/BreadCrumb.cjs");
@@ -219,7 +219,7 @@ const verticalNavigationClasses = require("./components/VerticalNavigation/verti
 const VerticalNavigation = require("./components/VerticalNavigation/VerticalNavigation.cjs");
 const headerClasses$1 = require("./components/VerticalNavigation/Header/headerClasses.cjs");
 const Header$2 = require("./components/VerticalNavigation/Header/Header.cjs");
-const actionClasses$1 = require("./components/VerticalNavigation/Actions/actionClasses.cjs");
+const actionClasses = require("./components/VerticalNavigation/Actions/actionClasses.cjs");
 const actionsClasses$1 = require("./components/VerticalNavigation/Actions/actionsClasses.cjs");
 const Actions$2 = require("./components/VerticalNavigation/Actions/Actions.cjs");
 const Action$1 = require("./components/VerticalNavigation/Actions/Action.cjs");
@@ -278,8 +278,7 @@ const multiSelectionEventHandler = require("./utils/multiSelectionEventHandler.c
 const getComponentName = require("./utils/getComponentName.cjs");
 const checkValidHexColorValue = require("./utils/checkValidHexColorValue.cjs");
 const focusUtils = require("./utils/focusUtils.cjs");
-const keyboardCodes = require("./utils/keyboardUtils/keyboardCodes.cjs");
-const keyCheck = require("./utils/keyboardUtils/keyCheck.cjs");
+const keyboardUtils = require("./utils/keyboardUtils.cjs");
 const sizes = require("./utils/sizes.cjs");
 const theme = require("./utils/theme.cjs");
 const setId = require("./utils/setId.cjs");
@@ -357,7 +356,7 @@ exports.baseDropdownClasses = baseDropdownClasses.default;
 exports.HvBaseDropdown = BaseDropdown.HvBaseDropdown;
 exports.actionBarClasses = ActionBar_styles.staticClasses;
 exports.HvActionBar = ActionBar.HvActionBar;
-exports.accordionClasses = accordionClasses.default;
+exports.accordionClasses = Accordion_styles.staticClasses;
 exports.HvAccordion = Accordion.HvAccordion;
 exports.avatarClasses = avatarClasses.default;
 exports.HvAvatar = Avatar.HvAvatar;
@@ -432,9 +431,9 @@ exports.HvBaseCheckBox = BaseCheckBox.HvBaseCheckBox;
 exports.baseRadioClasses = baseRadioClasses.default;
 exports.HvBaseRadio = BaseRadio.HvBaseRadio;
 exports.getSelectorIcons = BaseRadio.getSelectorIcons;
-exports.appSwitcherClasses = appSwitcherClasses.default;
+exports.appSwitcherClasses = AppSwitcher_styles.staticClasses;
 exports.HvAppSwitcher = AppSwitcher.HvAppSwitcher;
-exports.appSwitcherActionClasses = actionClasses.default;
+exports.appSwitcherActionClasses = Action_styles.staticClasses;
 exports.HvAppSwitcherAction = Action.HvAppSwitcherAction;
 exports.baseSwitchClasses = baseSwitchClasses.default;
 exports.HvBaseSwitch = BaseSwitch.HvBaseSwitch;
@@ -465,7 +464,7 @@ exports.dropDownMenuClasses = DropDownMenu_styles.staticClasses;
 exports.HvDropDownMenu = DropDownMenu.HvDropDownMenu;
 exports.paginationClasses = Pagination_styles.staticClasses;
 exports.HvPagination = Pagination.HvPagination;
-exports.actionsGenericClasses = actionsGenericClasses.default;
+exports.actionsGenericClasses = ActionsGeneric_styles.staticClasses;
 exports.HvActionsGeneric = ActionsGeneric.HvActionsGeneric;
 exports.breadCrumbClasses = breadCrumbClasses.default;
 exports.HvBreadCrumb = BreadCrumb.HvBreadCrumb;
@@ -569,7 +568,7 @@ exports.verticalNavigationClasses = verticalNavigationClasses.default;
 exports.HvVerticalNavigation = VerticalNavigation.HvVerticalNavigation;
 exports.verticalNavigationHeaderClasses = headerClasses$1.default;
 exports.HvVerticalNavigationHeader = Header$2.HvVerticalNavigationHeader;
-exports.actionClasses = actionClasses$1.default;
+exports.actionClasses = actionClasses.default;
 exports.actionsClasses = actionsClasses$1.default;
 exports.HvVerticalNavigationActions = Actions$2.HvVerticalNavigationActions;
 exports.HvVerticalNavigationAction = Action$1.HvVerticalNavigationAction;
@@ -619,14 +618,23 @@ exports.useLabels = useLabels.useLabels;
 exports.useTheme = useTheme.useTheme;
 exports.useEnhancedEffect = useEnhancedEffect.useEnhancedEffect;
 exports.HvProvider = Provider.HvProvider;
+Object.defineProperty(exports, "EmotionContext", {
+  enumerable: true,
+  get: () => uikitReactShared.EmotionContext
+});
 Object.defineProperty(exports, "HvThemeContext", {
   enumerable: true,
   get: () => uikitReactShared.HvThemeContext
 });
-exports.EmotionContext = ThemeProvider.EmotionContext;
+Object.defineProperty(exports, "defaultCacheKey", {
+  enumerable: true,
+  get: () => uikitReactShared.defaultCacheKey
+});
+Object.defineProperty(exports, "defaultEmotionCache", {
+  enumerable: true,
+  get: () => uikitReactShared.defaultEmotionCache
+});
 exports.HvThemeProvider = ThemeProvider.HvThemeProvider;
-exports.defaultCacheKey = ThemeProvider.defaultCacheKey;
-exports.defaultEmotionCache = ThemeProvider.defaultEmotionCache;
 exports.iconVariant = iconVariant.default;
 exports.hexToRgbA = hexToRgbA.default;
 exports.isBrowser = browser.default;
@@ -634,10 +642,8 @@ exports.multiSelectionEventHandler = multiSelectionEventHandler.default;
 exports.getComponentName = getComponentName.default;
 exports.checkValidHexColorValue = checkValidHexColorValue.default;
 exports.outlineStyles = focusUtils.outlineStyles;
-exports.keyboardCodes = keyboardCodes.keyboardCodes;
-exports.getKeyCodeFromEvent = keyCheck.getKeyCodeFromEvent;
-exports.isKeycode = keyCheck.isKeycode;
-exports.isKeypress = keyCheck.isKeypress;
+exports.isKey = keyboardUtils.isKey;
+exports.isOneOfKeys = keyboardUtils.isOneOfKeys;
 exports.decreaseSize = sizes.decreaseSize;
 exports.increaseSize = sizes.increaseSize;
 exports.createTheme = theme.createTheme;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/providers/Provider.cjs

@@ -8,6 +8,7 @@ const ThemeProvider = require("./ThemeProvider.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const theme = require("../utils/theme.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const createCache__default = /* @__PURE__ */ _interopDefault(createCache);
 const scopedRootPrefix = "hv-uikit-scoped-root";
@@ -19,18 +20,18 @@ const HvProvider = ({
   themes,
   theme: theme$1,
   colorMode,
-  classNameKey = ThemeProvider.defaultCacheKey
+  classNameKey = uikitReactShared.defaultCacheKey
 }) => {
   const scopedRootId = useUniqueId.default(void 0, scopedRootPrefix);
   const themesList = theme.processThemes(themes);
-  const emotionCache = React.useMemo(() => classNameKey === ThemeProvider.defaultCacheKey ? ThemeProvider.defaultEmotionCache : createCache__default.default({
+  const emotionCache = React.useMemo(() => classNameKey === uikitReactShared.defaultCacheKey ? uikitReactShared.defaultEmotionCache : createCache__default.default({
     key: classNameKey,
     prepend: true
   }), [classNameKey]);
   return /* @__PURE__ */ jsxRuntime.jsxs(react.CacheProvider, {
     value: emotionCache,
     children: [/* @__PURE__ */ jsxRuntime.jsx(react.Global, {
-      styles: /* @__PURE__ */ react.css(cssBaseline === "global" && uikitStyles.CssBaseline, " ", uikitStyles.getThemesVars(themesList), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0d3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgY3NzIGFzIGNzc1JlYWN0LFxuICBHbG9iYWwsXG4gIENhY2hlUHJvdmlkZXIsXG4gIENsYXNzTmFtZXMsXG59IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQ3NzQmFzZWxpbmUsXG4gIENzc1Njb3BlZEJhc2VsaW5lLFxuICBnZXRUaGVtZXNWYXJzLFxuICBIdlRoZW1lU3RydWN0dXJlLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgcHJvY2Vzc1RoZW1lcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgSHZUaGVtZSB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjcmVhdGVDYWNoZSBmcm9tIFwiQGVtb3Rpb24vY2FjaGVcIjtcbmltcG9ydCB7IHVzZVVuaXF1ZUlkIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQge1xuICBIdlRoZW1lUHJvdmlkZXIsXG4gIGRlZmF1bHRDYWNoZUtleSxcbiAgZGVmYXVsdEVtb3Rpb25DYWNoZSxcbn0gZnJvbSBcIi4vVGhlbWVQcm92aWRlclwiO1xuXG4vLyBQcm92aWRlciBwcm9wc1xuZXhwb3J0IGludGVyZmFjZSBIdlByb3ZpZGVyUHJvcHMge1xuICAvKipcbiAgICogWW91ciBjb21wb25lbnQgdHJlZS5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogSWQgb2YgeW91ciByb290IGVsZW1lbnQuXG4gICAqL1xuICByb290RWxlbWVudElkPzogc3RyaW5nO1xuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgYmFzZWxpbmUgc3R5bGVzIGFyZSBhcHBsaWVkIGdsb2JhbGx5LCBgZ2xvYmFsYCwgdG8gdGhlIGFwcGxpY2F0aW9uIGZvciB0aGUgVUkgS2l0IGNvbXBvbmVudHMgdG8gd29yayBwcm9wZXJseS5cbiAgICogSWYgeW91IG5lZWQgdG8gc2NvcGUgdGhlIGJhc2VsaW5lIHN0eWxlcyB0byBhdm9pZCBzdHlsaW5nIGNvbmZsaWN0cywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBgc2NvcGVkYC5cbiAgICogVG8gc2NvcGUgdGhlIGJhc2VsaW5lIHRvIHlvdXIgcm9vdCwgeW91IG5lZWQgdG8gYWRkIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkuXG4gICAqIElmIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgaXMgbm90IHNldCwgdGhlIGJhc2VsaW5lIHdpbGwgYmUgc2NvcGVkIHRvIGEgbmV3IGNvbnRhaW5lciwgYGh2LXVpa2l0LXNjb3BlZC1yb290KmAsIGNyZWF0ZWQgYXJvdW5kIHlvdXIgY29udGVudC5cbiAgICogSWYgeW91IGFyZSBwcm92aWRpbmcgeW91ciBvd24gYmFzZWxpbmUgc3R5bGVzLCB5b3UgY2FuIHNldCB0aGlzIHByb3BlcnR5IHRvIGBub25lYCB0byBkaXNhYmxlIHRoZSBiYXNlbGluZSBzdHlsZXMuXG4gICAqL1xuICBjc3NCYXNlbGluZT86IFwiZ2xvYmFsXCIgfCBcInNjb3BlZFwiIHwgXCJub25lXCI7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSB0aGVtZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHksIGBnbG9iYWxgLCB0byB0aGUgYXBwbGljYXRpb24uXG4gICAqIElmIHlvdSBuZWVkIHRvIHNjb3BlIHRoZSB0aGVtZSBzdHlsZXMgdG8gYXZvaWQgc3R5bGluZyBjb25mbGljdHMsIHlvdSBjYW4gc2V0IHRoaXMgcHJvcGVydHkgdG8gYHNjb3BlZGAuXG4gICAqIFRvIHNjb3BlIHRoZSB0aGVtZSB0byB5b3VyIHJvb3QsIHlvdSBuZWVkIHRvIGFkZCB0aGUgYHJvb3RFbGVtZW50SWRgIHByb3BlcnR5LlxuICAgKiBJZiB0aGUgYHJvb3RFbGVtZW50SWRgIHByb3BlcnR5IGlzIG5vdCBzZXQsIHRoZSB0aGVtZSB3aWxsIGJlIHNjb3BlZCB0byBhIG5ldyBjb250YWluZXIsIGBodi11aWtpdC1zY29wZWQtcm9vdCpgLCBjcmVhdGVkIGFyb3VuZCB5b3VyIGNvbnRlbnQuXG4gICAqL1xuICBjc3NUaGVtZT86IFwiZ2xvYmFsXCIgfCBcInNjb3BlZFwiO1xuICAvKipcbiAgICogVGhlIHN0cmluZyB1c2VkIHRvIHByZWZpeCB0aGUgY2xhc3MgbmFtZXMgYW5kIHVuaXF1ZWx5IGlkZW50aWZ5IHRoZW0uIFRoZSBrZXkgY2FuIG9ubHkgY29udGFpbiBsb3dlciBjYXNlIGFscGhhYmV0aWNhbCBjaGFyYWN0ZXJzLlxuICAgKiBUaGlzIGlzIHVzZWZ1bCB0byBhdm9pZCBjbGFzcyBuYW1lIGNvbGxpc2lvbnMuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZGVmYXVsdCBpcyBgaHZgLlxuICAgKi9cbiAgY2xhc3NOYW1lS2V5Pzogc3RyaW5nO1xuICAvKipcbiAgICogTGlzdCBvZiB0aGVtZXMgdG8gYmUgdXNlZCBieSBVSSBLaXQuXG4gICAqIFlvdSBjYW4gcHJvdmlkZSB5b3VyIG93biB0aGVtZXMgY3JlYXRlZCB3aXRoIHRoZSBgY3JlYXRlVGhlbWVgIHV0aWxpdHkgYW5kL29yIHRoZSBkZWZhdWx0IHRoZW1lcyBgZHMzYCBhbmQgYGRzNWAgcHJvdmlkZWQgYnkgVUkgS2l0LlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lcz86IChIdlRoZW1lIHwgSHZUaGVtZVN0cnVjdHVyZSlbXTtcbiAgLyoqXG4gICAqIFRoZSBhY3RpdmUgdGhlbWUuIEl0IG11c3QgYmUgb25lIG9mIHRoZSB0aGVtZXMgcGFzc2VkIHRvIGB0aGVtZXNgLlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGZpcnN0IHRoZW1lIGZyb20gdGhlIGB0aGVtZXNgIGxpc3QgaXMgdXNlZC4gSWYgbm8gYHRoZW1lc2AgbGlzdCBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGFjdGl2ZSBjb2xvciBtb2RlLiBJdCBtdXN0IGJlIG9uZSBvZiB0aGUgY29sb3IgbW9kZXMgb2YgdGhlIGFjdGl2ZSB0aGVtZS5cbiAgICpcbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBmaXJzdCBjb2xvciBtb2RlIGRlZmluZWQgaW4gdGhlIGFjdGl2ZSB0aGVtZSBpcyB1c2VkLlxuICAgKiBGb3IgdGhlIGRlZmF1bHQgdGhlbWVzIGBkczNgIGFuZCBgZHM1YCwgdGhlIGBkYXduYCBjb2xvciBtb2RlIGlzIHRoZSBvbmUgdXNlZC5cbiAgICovXG4gIGNvbG9yTW9kZT86IHN0cmluZztcbn1cblxuY29uc3Qgc2NvcGVkUm9vdFByZWZpeCA9IFwiaHYtdWlraXQtc2NvcGVkLXJvb3RcIiBhcyBjb25zdDtcblxuLyoqXG4gKiBFbmFibGVzIHRoZW1pbmcgY2FwYWJpbGl0aWVzIGFuZCBtYWtlcyBjcm9zcy1jb21wb25lbnQgdGhlbWUgcHJvcGVydGllcyBhdmFpbGFibGUgZG93biB0aGUgdHJlZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcm9vdEVsZW1lbnRJZCxcbiAgY3NzQmFzZWxpbmUgPSBcImdsb2JhbFwiLFxuICBjc3NUaGVtZSA9IFwiZ2xvYmFsXCIsXG4gIHRoZW1lcyxcbiAgdGhlbWUsXG4gIGNvbG9yTW9kZSxcbiAgY2xhc3NOYW1lS2V5ID0gZGVmYXVsdENhY2hlS2V5LFxufTogSHZQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHNjb3BlZFJvb3RJZCA9IHVzZVVuaXF1ZUlkKHVuZGVmaW5lZCwgc2NvcGVkUm9vdFByZWZpeCk7XG5cbiAgLy8gVGhlbWVzXG4gIGNvbnN0IHRoZW1lc0xpc3Q6IChIdlRoZW1lIHwgSHZUaGVtZVN0cnVjdHVyZSlbXSA9IHByb2Nlc3NUaGVtZXModGhlbWVzKTtcblxuICAvLyBFbW90aW9uIGNhY2hlXG4gIC8vIE1vdmVzIFVJIEtpdCBzdHlsZXMgdG8gdGhlIHRvcCBvZiB0aGUgPGhlYWQ+IHNvIHRoZXkncmUgbG9hZGVkIGZpcnN0XG4gIC8vIFRoaXMgZW5hYmxlcyB1c2VycyB0byBvdmVycmlkZSB0aGUgVUkgS2l0IHN0eWxlcyBpZiBuZWNlc3NhcnlcbiAgY29uc3QgZW1vdGlvbkNhY2hlID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgY2xhc3NOYW1lS2V5ID09PSBkZWZhdWx0Q2FjaGVLZXlcbiAgICAgICAgPyBkZWZhdWx0RW1vdGlvbkNhY2hlXG4gICAgICAgIDogY3JlYXRlQ2FjaGUoeyBrZXk6IGNsYXNzTmFtZUtleSwgcHJlcGVuZDogdHJ1ZSB9KSxcbiAgICBbY2xhc3NOYW1lS2V5XVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPENhY2hlUHJvdmlkZXIgdmFsdWU9e2Vtb3Rpb25DYWNoZX0+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzUmVhY3RgXG4gICAgICAgICAgJHtjc3NCYXNlbGluZSA9PT0gXCJnbG9iYWxcIiAmJiBDc3NCYXNlbGluZX1cbiAgICAgICAgICAke2dldFRoZW1lc1ZhcnModGhlbWVzTGlzdCl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc0xpc3R9XG4gICAgICAgIHRoZW1lPXt0aGVtZSB8fCB0aGVtZXNMaXN0WzBdLm5hbWV9XG4gICAgICAgIGVtb3Rpb25DYWNoZT17ZW1vdGlvbkNhY2hlfVxuICAgICAgICBjb2xvck1vZGU9e2NvbG9yTW9kZSB8fCBPYmplY3Qua2V5cyh0aGVtZXNMaXN0WzBdLmNvbG9ycy5tb2RlcylbMF19XG4gICAgICAgIHRoZW1lUm9vdElkPXtcbiAgICAgICAgICBjc3NUaGVtZSA9PT0gXCJzY29wZWRcIiA/IHJvb3RFbGVtZW50SWQgfHwgc2NvcGVkUm9vdElkIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgICAgeyh7IGNzcyB9KSA9PiB7XG4gICAgICAgICAgICBpZiAoY3NzQmFzZWxpbmUgPT09IFwic2NvcGVkXCIgJiYgcm9vdEVsZW1lbnRJZCkge1xuICAgICAgICAgICAgICBjb25zdCByb290RWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHJvb3RFbGVtZW50SWQpO1xuXG4gICAgICAgICAgICAgIGlmIChyb290RWxlbWVudCkge1xuICAgICAgICAgICAgICAgIHJvb3RFbGVtZW50LmNsYXNzTGlzdC5hZGQoXG4gICAgICAgICAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgICAgICAgICAuLi5Dc3NTY29wZWRCYXNlbGluZSxcbiAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gKGNzc1RoZW1lID09PSBcInNjb3BlZFwiIHx8IGNzc0Jhc2VsaW5lID09PSBcInNjb3BlZFwiKSAmJlxuICAgICAgICAgICAgICAhcm9vdEVsZW1lbnRJZCA/IChcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGlkPXtzY29wZWRSb290SWR9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtcbiAgICAgICAgICAgICAgICAgIGNzc0Jhc2VsaW5lID09PSBcInNjb3BlZFwiXG4gICAgICAgICAgICAgICAgICAgID8gY3NzKHsgLi4uQ3NzU2NvcGVkQmFzZWxpbmUgfSlcbiAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPC9DbGFzc05hbWVzPlxuICAgICAgPC9IdlRoZW1lUHJvdmlkZXI+XG4gICAgPC9DYWNoZVByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */")
+      styles: /* @__PURE__ */ react.css(cssBaseline === "global" && uikitStyles.CssBaseline, " ", uikitStyles.getThemesVars(themesList), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0d3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgY3NzIGFzIGNzc1JlYWN0LFxuICBHbG9iYWwsXG4gIENhY2hlUHJvdmlkZXIsXG4gIENsYXNzTmFtZXMsXG59IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgQ3NzQmFzZWxpbmUsXG4gIENzc1Njb3BlZEJhc2VsaW5lLFxuICBnZXRUaGVtZXNWYXJzLFxuICBIdlRoZW1lU3RydWN0dXJlLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgcHJvY2Vzc1RoZW1lcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgSHZUaGVtZSB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjcmVhdGVDYWNoZSBmcm9tIFwiQGVtb3Rpb24vY2FjaGVcIjtcbmltcG9ydCB7IHVzZVVuaXF1ZUlkIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQge1xuICBIdlRoZW1lUHJvdmlkZXIsXG4gIGRlZmF1bHRDYWNoZUtleSxcbiAgZGVmYXVsdEVtb3Rpb25DYWNoZSxcbn0gZnJvbSBcIi4vVGhlbWVQcm92aWRlclwiO1xuXG4vLyBQcm92aWRlciBwcm9wc1xuZXhwb3J0IGludGVyZmFjZSBIdlByb3ZpZGVyUHJvcHMge1xuICAvKipcbiAgICogWW91ciBjb21wb25lbnQgdHJlZS5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogSWQgb2YgeW91ciByb290IGVsZW1lbnQuXG4gICAqL1xuICByb290RWxlbWVudElkPzogc3RyaW5nO1xuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgYmFzZWxpbmUgc3R5bGVzIGFyZSBhcHBsaWVkIGdsb2JhbGx5LCBgZ2xvYmFsYCwgdG8gdGhlIGFwcGxpY2F0aW9uIGZvciB0aGUgVUkgS2l0IGNvbXBvbmVudHMgdG8gd29yayBwcm9wZXJseS5cbiAgICogSWYgeW91IG5lZWQgdG8gc2NvcGUgdGhlIGJhc2VsaW5lIHN0eWxlcyB0byBhdm9pZCBzdHlsaW5nIGNvbmZsaWN0cywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBgc2NvcGVkYC5cbiAgICogVG8gc2NvcGUgdGhlIGJhc2VsaW5lIHRvIHlvdXIgcm9vdCwgeW91IG5lZWQgdG8gYWRkIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkuXG4gICAqIElmIHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgaXMgbm90IHNldCwgdGhlIGJhc2VsaW5lIHdpbGwgYmUgc2NvcGVkIHRvIGEgbmV3IGNvbnRhaW5lciwgYGh2LXVpa2l0LXNjb3BlZC1yb290KmAsIGNyZWF0ZWQgYXJvdW5kIHlvdXIgY29udGVudC5cbiAgICogSWYgeW91IGFyZSBwcm92aWRpbmcgeW91ciBvd24gYmFzZWxpbmUgc3R5bGVzLCB5b3UgY2FuIHNldCB0aGlzIHByb3BlcnR5IHRvIGBub25lYCB0byBkaXNhYmxlIHRoZSBiYXNlbGluZSBzdHlsZXMuXG4gICAqL1xuICBjc3NCYXNlbGluZT86IFwiZ2xvYmFsXCIgfCBcInNjb3BlZFwiIHwgXCJub25lXCI7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSB0aGVtZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHksIGBnbG9iYWxgLCB0byB0aGUgYXBwbGljYXRpb24uXG4gICAqIElmIHlvdSBuZWVkIHRvIHNjb3BlIHRoZSB0aGVtZSBzdHlsZXMgdG8gYXZvaWQgc3R5bGluZyBjb25mbGljdHMsIHlvdSBjYW4gc2V0IHRoaXMgcHJvcGVydHkgdG8gYHNjb3BlZGAuXG4gICAqIFRvIHNjb3BlIHRoZSB0aGVtZSB0byB5b3VyIHJvb3QsIHlvdSBuZWVkIHRvIGFkZCB0aGUgYHJvb3RFbGVtZW50SWRgIHByb3BlcnR5LlxuICAgKiBJZiB0aGUgYHJvb3RFbGVtZW50SWRgIHByb3BlcnR5IGlzIG5vdCBzZXQsIHRoZSB0aGVtZSB3aWxsIGJlIHNjb3BlZCB0byBhIG5ldyBjb250YWluZXIsIGBodi11aWtpdC1zY29wZWQtcm9vdCpgLCBjcmVhdGVkIGFyb3VuZCB5b3VyIGNvbnRlbnQuXG4gICAqL1xuICBjc3NUaGVtZT86IFwiZ2xvYmFsXCIgfCBcInNjb3BlZFwiO1xuICAvKipcbiAgICogVGhlIHN0cmluZyB1c2VkIHRvIHByZWZpeCB0aGUgY2xhc3MgbmFtZXMgYW5kIHVuaXF1ZWx5IGlkZW50aWZ5IHRoZW0uIFRoZSBrZXkgY2FuIG9ubHkgY29udGFpbiBsb3dlciBjYXNlIGFscGhhYmV0aWNhbCBjaGFyYWN0ZXJzLlxuICAgKiBUaGlzIGlzIHVzZWZ1bCB0byBhdm9pZCBjbGFzcyBuYW1lIGNvbGxpc2lvbnMuXG4gICAqXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZGVmYXVsdCBpcyBgaHZgLlxuICAgKi9cbiAgY2xhc3NOYW1lS2V5Pzogc3RyaW5nO1xuICAvKipcbiAgICogTGlzdCBvZiB0aGVtZXMgdG8gYmUgdXNlZCBieSBVSSBLaXQuXG4gICAqIFlvdSBjYW4gcHJvdmlkZSB5b3VyIG93biB0aGVtZXMgY3JlYXRlZCB3aXRoIHRoZSBgY3JlYXRlVGhlbWVgIHV0aWxpdHkgYW5kL29yIHRoZSBkZWZhdWx0IHRoZW1lcyBgZHMzYCBhbmQgYGRzNWAgcHJvdmlkZWQgYnkgVUkgS2l0LlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lcz86IChIdlRoZW1lIHwgSHZUaGVtZVN0cnVjdHVyZSlbXTtcbiAgLyoqXG4gICAqIFRoZSBhY3RpdmUgdGhlbWUuIEl0IG11c3QgYmUgb25lIG9mIHRoZSB0aGVtZXMgcGFzc2VkIHRvIGB0aGVtZXNgLlxuICAgKlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgdGhlIGZpcnN0IHRoZW1lIGZyb20gdGhlIGB0aGVtZXNgIGxpc3QgaXMgdXNlZC4gSWYgbm8gYHRoZW1lc2AgbGlzdCBpcyBwcm92aWRlZCwgdGhlIGBkczVgIHRoZW1lIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRoZW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGFjdGl2ZSBjb2xvciBtb2RlLiBJdCBtdXN0IGJlIG9uZSBvZiB0aGUgY29sb3IgbW9kZXMgb2YgdGhlIGFjdGl2ZSB0aGVtZS5cbiAgICpcbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBmaXJzdCBjb2xvciBtb2RlIGRlZmluZWQgaW4gdGhlIGFjdGl2ZSB0aGVtZSBpcyB1c2VkLlxuICAgKiBGb3IgdGhlIGRlZmF1bHQgdGhlbWVzIGBkczNgIGFuZCBgZHM1YCwgdGhlIGBkYXduYCBjb2xvciBtb2RlIGlzIHRoZSBvbmUgdXNlZC5cbiAgICovXG4gIGNvbG9yTW9kZT86IHN0cmluZztcbn1cblxuY29uc3Qgc2NvcGVkUm9vdFByZWZpeCA9IFwiaHYtdWlraXQtc2NvcGVkLXJvb3RcIiBhcyBjb25zdDtcblxuLyoqXG4gKiBFbmFibGVzIHRoZW1pbmcgY2FwYWJpbGl0aWVzIGFuZCBtYWtlcyBjcm9zcy1jb21wb25lbnQgdGhlbWUgcHJvcGVydGllcyBhdmFpbGFibGUgZG93biB0aGUgdHJlZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2UHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgcm9vdEVsZW1lbnRJZCxcbiAgY3NzQmFzZWxpbmUgPSBcImdsb2JhbFwiLFxuICBjc3NUaGVtZSA9IFwiZ2xvYmFsXCIsXG4gIHRoZW1lcyxcbiAgdGhlbWUsXG4gIGNvbG9yTW9kZSxcbiAgY2xhc3NOYW1lS2V5ID0gZGVmYXVsdENhY2hlS2V5LFxufTogSHZQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHNjb3BlZFJvb3RJZCA9IHVzZVVuaXF1ZUlkKHVuZGVmaW5lZCwgc2NvcGVkUm9vdFByZWZpeCk7XG5cbiAgLy8gVGhlbWVzXG4gIGNvbnN0IHRoZW1lc0xpc3Q6IChIdlRoZW1lIHwgSHZUaGVtZVN0cnVjdHVyZSlbXSA9IHByb2Nlc3NUaGVtZXModGhlbWVzKTtcblxuICAvLyBFbW90aW9uIGNhY2hlXG4gIC8vIE1vdmVzIFVJIEtpdCBzdHlsZXMgdG8gdGhlIHRvcCBvZiB0aGUgPGhlYWQ+IHNvIHRoZXkncmUgbG9hZGVkIGZpcnN0XG4gIC8vIFRoaXMgZW5hYmxlcyB1c2VycyB0byBvdmVycmlkZSB0aGUgVUkgS2l0IHN0eWxlcyBpZiBuZWNlc3NhcnlcbiAgY29uc3QgZW1vdGlvbkNhY2hlID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgY2xhc3NOYW1lS2V5ID09PSBkZWZhdWx0Q2FjaGVLZXlcbiAgICAgICAgPyBkZWZhdWx0RW1vdGlvbkNhY2hlXG4gICAgICAgIDogY3JlYXRlQ2FjaGUoeyBrZXk6IGNsYXNzTmFtZUtleSwgcHJlcGVuZDogdHJ1ZSB9KSxcbiAgICBbY2xhc3NOYW1lS2V5XVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPENhY2hlUHJvdmlkZXIgdmFsdWU9e2Vtb3Rpb25DYWNoZX0+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzUmVhY3RgXG4gICAgICAgICAgJHtjc3NCYXNlbGluZSA9PT0gXCJnbG9iYWxcIiAmJiBDc3NCYXNlbGluZX1cbiAgICAgICAgICAke2dldFRoZW1lc1ZhcnModGhlbWVzTGlzdCl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc0xpc3R9XG4gICAgICAgIHRoZW1lPXt0aGVtZSB8fCB0aGVtZXNMaXN0WzBdLm5hbWV9XG4gICAgICAgIGVtb3Rpb25DYWNoZT17ZW1vdGlvbkNhY2hlfVxuICAgICAgICBjb2xvck1vZGU9e2NvbG9yTW9kZSB8fCBPYmplY3Qua2V5cyh0aGVtZXNMaXN0WzBdLmNvbG9ycy5tb2RlcylbMF19XG4gICAgICAgIHRoZW1lUm9vdElkPXtcbiAgICAgICAgICBjc3NUaGVtZSA9PT0gXCJzY29wZWRcIiA/IHJvb3RFbGVtZW50SWQgfHwgc2NvcGVkUm9vdElkIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgICAgeyh7IGNzcyB9KSA9PiB7XG4gICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgIHR5cGVvZiB3aW5kb3cgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICAgICAgY3NzQmFzZWxpbmUgPT09IFwic2NvcGVkXCIgJiZcbiAgICAgICAgICAgICAgcm9vdEVsZW1lbnRJZFxuICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgIGNvbnN0IHJvb3RFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQocm9vdEVsZW1lbnRJZCk7XG5cbiAgICAgICAgICAgICAgaWYgKHJvb3RFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgcm9vdEVsZW1lbnQuY2xhc3NMaXN0LmFkZChcbiAgICAgICAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgICAgICAgIC4uLkNzc1Njb3BlZEJhc2VsaW5lLFxuICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiAoY3NzVGhlbWUgPT09IFwic2NvcGVkXCIgfHwgY3NzQmFzZWxpbmUgPT09IFwic2NvcGVkXCIpICYmXG4gICAgICAgICAgICAgICFyb290RWxlbWVudElkID8gKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgaWQ9e3Njb3BlZFJvb3RJZH1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgY3NzQmFzZWxpbmUgPT09IFwic2NvcGVkXCJcbiAgICAgICAgICAgICAgICAgICAgPyBjc3MoeyAuLi5Dc3NTY29wZWRCYXNlbGluZSB9KVxuICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICA8L0NsYXNzTmFtZXM+XG4gICAgICA8L0h2VGhlbWVQcm92aWRlcj5cbiAgICA8L0NhY2hlUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */")
     }), /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider.HvThemeProvider, {
       themes: themesList,
       theme: theme$1 || themesList[0].name,
@@ -41,7 +42,7 @@ const HvProvider = ({
         children: ({
           css
         }) => {
-          if (cssBaseline === "scoped" && rootElementId) {
+          if (typeof window !== "undefined" && cssBaseline === "scoped" && rootElementId) {
             const rootElement = document.getElementById(rootElementId);
             if (rootElement) {
               rootElement.classList.add(css({

package/dist/cjs/providers/Provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import {\n  css as cssReact,\n  Global,\n  CacheProvider,\n  ClassNames,\n} from \"@emotion/react\";\nimport {\n  CssBaseline,\n  CssScopedBaseline,\n  getThemesVars,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { processThemes } from \"@core/utils\";\nimport { HvTheme } from \"@core/types\";\nimport React, { useMemo } from \"react\";\nimport createCache from \"@emotion/cache\";\nimport { useUniqueId } from \"@core/hooks\";\nimport {\n  HvThemeProvider,\n  defaultCacheKey,\n  defaultEmotionCache,\n} from \"./ThemeProvider\";\n\n// Provider props\nexport interface HvProviderProps {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * Id of your root element.\n   */\n  rootElementId?: string;\n  /**\n   * By default the baseline styles are applied globally, `global`, to the application for the UI Kit components to work properly.\n   * If you need to scope the baseline styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the baseline to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the baseline will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   * If you are providing your own baseline styles, you can set this property to `none` to disable the baseline styles.\n   */\n  cssBaseline?: \"global\" | \"scoped\" | \"none\";\n  /**\n   * By default the theme styles are applied globally, `global`, to the application.\n   * If you need to scope the theme styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the theme to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the theme will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   */\n  cssTheme?: \"global\" | \"scoped\";\n  /**\n   * The string used to prefix the class names and uniquely identify them. The key can only contain lower case alphabetical characters.\n   * This is useful to avoid class name collisions.\n   *\n   * If no value is provided, the default is `hv`.\n   */\n  classNameKey?: string;\n  /**\n   * List of themes to be used by UI Kit.\n   * You can provide your own themes created with the `createTheme` utility and/or the default themes `ds3` and `ds5` provided by UI Kit.\n   *\n   * If no value is provided, the `ds5` theme will be used.\n   */\n  themes?: (HvTheme | HvThemeStructure)[];\n  /**\n   * The active theme. It must be one of the themes passed to `themes`.\n   *\n   * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.\n   */\n  theme?: string;\n  /**\n   * The active color mode. It must be one of the color modes of the active theme.\n   *\n   * If no value is provided, the first color mode defined in the active theme is used.\n   * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.\n   */\n  colorMode?: string;\n}\n\nconst scopedRootPrefix = \"hv-uikit-scoped-root\" as const;\n\n/**\n * Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  cssBaseline = \"global\",\n  cssTheme = \"global\",\n  themes,\n  theme,\n  colorMode,\n  classNameKey = defaultCacheKey,\n}: HvProviderProps) => {\n  const scopedRootId = useUniqueId(undefined, scopedRootPrefix);\n\n  // Themes\n  const themesList: (HvTheme | HvThemeStructure)[] = processThemes(themes);\n\n  // Emotion cache\n  // Moves UI Kit styles to the top of the <head> so they're loaded first\n  // This enables users to override the UI Kit styles if necessary\n  const emotionCache = useMemo(\n    () =>\n      classNameKey === defaultCacheKey\n        ? defaultEmotionCache\n        : createCache({ key: classNameKey, prepend: true }),\n    [classNameKey]\n  );\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={cssReact`\n          ${cssBaseline === \"global\" && CssBaseline}\n          ${getThemesVars(themesList)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themesList}\n        theme={theme || themesList[0].name}\n        emotionCache={emotionCache}\n        colorMode={colorMode || Object.keys(themesList[0].colors.modes)[0]}\n        themeRootId={\n          cssTheme === \"scoped\" ? rootElementId || scopedRootId : undefined\n        }\n      >\n        <ClassNames>\n          {({ css }) => {\n            if (cssBaseline === \"scoped\" && rootElementId) {\n              const rootElement = document.getElementById(rootElementId);\n\n              if (rootElement) {\n                rootElement.classList.add(\n                  css({\n                    ...CssScopedBaseline,\n                  })\n                );\n              }\n            }\n\n            return (cssTheme === \"scoped\" || cssBaseline === \"scoped\") &&\n              !rootElementId ? (\n              <div\n                id={scopedRootId}\n                className={\n                  cssBaseline === \"scoped\"\n                    ? css({ ...CssScopedBaseline })\n                    : undefined\n                }\n              >\n                {children}\n              </div>\n            ) : (\n              children\n            );\n          }}\n        </ClassNames>\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n"],"names":["scopedRootPrefix","HvProvider","children","rootElementId","cssBaseline","cssTheme","themes","theme","colorMode","classNameKey","defaultCacheKey","scopedRootId","useUniqueId","undefined","themesList","processThemes","emotionCache","useMemo","defaultEmotionCache","createCache","key","prepend","CacheProvider","value","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","name","Object","keys","colors","modes","themeRootId","ClassNames","css","rootElement","document","getElementById","classList","add","CssScopedBaseline","id","className"],"mappings":";;;;;;;;;;;;AA6EA,MAAMA,mBAAmB;AAKlB,MAAMC,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC,WAAW;AAAA,EACXC;AAAAA,EAAAA,OACAC;AAAAA,EACAC;AAAAA,EACAC,eAAeC,cAAAA;AACA,MAAM;AACfC,QAAAA,eAAeC,YAAYC,QAAAA,QAAWb,gBAAgB;AAGtDc,QAAAA,aAA6CC,oBAAcT,MAAM;AAKvE,QAAMU,eAAeC,MAAAA,QACnB,MACER,iBAAiBC,cAAAA,kBACbQ,oCACAC,6BAAY;AAAA,IAAEC,KAAKX;AAAAA,IAAcY,SAAS;AAAA,EAAA,CAAM,GACtD,CAACZ,YAAY,CACf;AAEA,yCACGa,MAAAA,eAAa;AAAA,IAACC,OAAOP;AAAAA,IAAad,UAAA,CACjCsB,2BAAAA,IAACC,cAAM;AAAA,MACLC,kCACItB,gBAAgB,YAAYuB,YAAAA,aAC5BC,KAAAA,0BAAcd,UAAU,GAACe,OAAAA,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,qmPAAA;AAAA,IAAA,CAE9B,GACDP,2BAAAA,IAACQ,+BAAe;AAAA,MACd1B,QAAQQ;AAAAA,MACRP,OAAOA,WAASO,WAAW,CAAC,EAAEmB;AAAAA,MAC9BjB;AAAAA,MACAR,WAAWA,aAAa0B,OAAOC,KAAKrB,WAAW,CAAC,EAAEsB,OAAOC,KAAK,EAAE,CAAC;AAAA,MACjEC,aACEjC,aAAa,WAAWF,iBAAiBQ,eAAeE;AAAAA,MACzDX,yCAEAqC,kBAAU;AAAA,QAAArC,UACRA,CAAC;AAAA,UAAEsC;AAAAA,QAAAA,MAAU;AACRpC,cAAAA,gBAAgB,YAAYD,eAAe;AACvCsC,kBAAAA,cAAcC,SAASC,eAAexC,aAAa;AAEzD,gBAAIsC,aAAa;AACHG,0BAAAA,UAAUC,IACpBL,IAAI;AAAA,gBACF,GAAGM,YAAAA;AAAAA,cACJ,CAAA,CACH;AAAA,YACF;AAAA,UACF;AAEA,kBAAQzC,aAAa,YAAYD,gBAAgB,aAC/C,CAACD,+CACD,OAAA;AAAA,YACE4C,IAAIpC;AAAAA,YACJqC,WACE5C,gBAAgB,WACZoC,IAAI;AAAA,cAAE,GAAGM,YAAAA;AAAAA,YAAmB,CAAA,IAC5BjC;AAAAA,YACLX;AAAAA,UAGE,CAAA,IAELA;AAAAA,QAEJ;AAAA,MAAA,CACU;AAAA,IAAA,CACG,CAAC;AAAA,EAAA,CACL;AAEnB;;"}
+{"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import {\n  css as cssReact,\n  Global,\n  CacheProvider,\n  ClassNames,\n} from \"@emotion/react\";\nimport {\n  CssBaseline,\n  CssScopedBaseline,\n  getThemesVars,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { processThemes } from \"@core/utils\";\nimport { HvTheme } from \"@core/types\";\nimport React, { useMemo } from \"react\";\nimport createCache from \"@emotion/cache\";\nimport { useUniqueId } from \"@core/hooks\";\nimport {\n  HvThemeProvider,\n  defaultCacheKey,\n  defaultEmotionCache,\n} from \"./ThemeProvider\";\n\n// Provider props\nexport interface HvProviderProps {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * Id of your root element.\n   */\n  rootElementId?: string;\n  /**\n   * By default the baseline styles are applied globally, `global`, to the application for the UI Kit components to work properly.\n   * If you need to scope the baseline styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the baseline to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the baseline will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   * If you are providing your own baseline styles, you can set this property to `none` to disable the baseline styles.\n   */\n  cssBaseline?: \"global\" | \"scoped\" | \"none\";\n  /**\n   * By default the theme styles are applied globally, `global`, to the application.\n   * If you need to scope the theme styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the theme to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the theme will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   */\n  cssTheme?: \"global\" | \"scoped\";\n  /**\n   * The string used to prefix the class names and uniquely identify them. The key can only contain lower case alphabetical characters.\n   * This is useful to avoid class name collisions.\n   *\n   * If no value is provided, the default is `hv`.\n   */\n  classNameKey?: string;\n  /**\n   * List of themes to be used by UI Kit.\n   * You can provide your own themes created with the `createTheme` utility and/or the default themes `ds3` and `ds5` provided by UI Kit.\n   *\n   * If no value is provided, the `ds5` theme will be used.\n   */\n  themes?: (HvTheme | HvThemeStructure)[];\n  /**\n   * The active theme. It must be one of the themes passed to `themes`.\n   *\n   * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.\n   */\n  theme?: string;\n  /**\n   * The active color mode. It must be one of the color modes of the active theme.\n   *\n   * If no value is provided, the first color mode defined in the active theme is used.\n   * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.\n   */\n  colorMode?: string;\n}\n\nconst scopedRootPrefix = \"hv-uikit-scoped-root\" as const;\n\n/**\n * Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  cssBaseline = \"global\",\n  cssTheme = \"global\",\n  themes,\n  theme,\n  colorMode,\n  classNameKey = defaultCacheKey,\n}: HvProviderProps) => {\n  const scopedRootId = useUniqueId(undefined, scopedRootPrefix);\n\n  // Themes\n  const themesList: (HvTheme | HvThemeStructure)[] = processThemes(themes);\n\n  // Emotion cache\n  // Moves UI Kit styles to the top of the <head> so they're loaded first\n  // This enables users to override the UI Kit styles if necessary\n  const emotionCache = useMemo(\n    () =>\n      classNameKey === defaultCacheKey\n        ? defaultEmotionCache\n        : createCache({ key: classNameKey, prepend: true }),\n    [classNameKey]\n  );\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={cssReact`\n          ${cssBaseline === \"global\" && CssBaseline}\n          ${getThemesVars(themesList)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themesList}\n        theme={theme || themesList[0].name}\n        emotionCache={emotionCache}\n        colorMode={colorMode || Object.keys(themesList[0].colors.modes)[0]}\n        themeRootId={\n          cssTheme === \"scoped\" ? rootElementId || scopedRootId : undefined\n        }\n      >\n        <ClassNames>\n          {({ css }) => {\n            if (\n              typeof window !== \"undefined\" &&\n              cssBaseline === \"scoped\" &&\n              rootElementId\n            ) {\n              const rootElement = document.getElementById(rootElementId);\n\n              if (rootElement) {\n                rootElement.classList.add(\n                  css({\n                    ...CssScopedBaseline,\n                  })\n                );\n              }\n            }\n\n            return (cssTheme === \"scoped\" || cssBaseline === \"scoped\") &&\n              !rootElementId ? (\n              <div\n                id={scopedRootId}\n                className={\n                  cssBaseline === \"scoped\"\n                    ? css({ ...CssScopedBaseline })\n                    : undefined\n                }\n              >\n                {children}\n              </div>\n            ) : (\n              children\n            );\n          }}\n        </ClassNames>\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n"],"names":["scopedRootPrefix","HvProvider","children","rootElementId","cssBaseline","cssTheme","themes","theme","colorMode","classNameKey","defaultCacheKey","scopedRootId","useUniqueId","undefined","themesList","processThemes","emotionCache","useMemo","defaultEmotionCache","createCache","key","prepend","CacheProvider","value","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","name","Object","keys","colors","modes","themeRootId","ClassNames","css","window","rootElement","document","getElementById","classList","add","CssScopedBaseline","id","className"],"mappings":";;;;;;;;;;;;;AA6EA,MAAMA,mBAAmB;AAKlB,MAAMC,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC,WAAW;AAAA,EACXC;AAAAA,EAAAA,OACAC;AAAAA,EACAC;AAAAA,EACAC,eAAeC,iBAAAA;AACA,MAAM;AACfC,QAAAA,eAAeC,YAAYC,QAAAA,QAAWb,gBAAgB;AAGtDc,QAAAA,aAA6CC,oBAAcT,MAAM;AAKvE,QAAMU,eAAeC,MAAAA,QACnB,MACER,iBAAiBC,iBAAAA,kBACbQ,uCACAC,6BAAY;AAAA,IAAEC,KAAKX;AAAAA,IAAcY,SAAS;AAAA,EAAA,CAAM,GACtD,CAACZ,YAAY,CACf;AAEA,yCACGa,MAAAA,eAAa;AAAA,IAACC,OAAOP;AAAAA,IAAad,UAAA,CACjCsB,2BAAAA,IAACC,cAAM;AAAA,MACLC,kCACItB,gBAAgB,YAAYuB,YAAAA,aAC5BC,KAAAA,0BAAcd,UAAU,GAACe,OAAAA,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,iuPAAA;AAAA,IAAA,CAE9B,GACDP,2BAAAA,IAACQ,+BAAe;AAAA,MACd1B,QAAQQ;AAAAA,MACRP,OAAOA,WAASO,WAAW,CAAC,EAAEmB;AAAAA,MAC9BjB;AAAAA,MACAR,WAAWA,aAAa0B,OAAOC,KAAKrB,WAAW,CAAC,EAAEsB,OAAOC,KAAK,EAAE,CAAC;AAAA,MACjEC,aACEjC,aAAa,WAAWF,iBAAiBQ,eAAeE;AAAAA,MACzDX,yCAEAqC,kBAAU;AAAA,QAAArC,UACRA,CAAC;AAAA,UAAEsC;AAAAA,QAAAA,MAAU;AACZ,cACE,OAAOC,WAAW,eAClBrC,gBAAgB,YAChBD,eACA;AACMuC,kBAAAA,cAAcC,SAASC,eAAezC,aAAa;AAEzD,gBAAIuC,aAAa;AACHG,0BAAAA,UAAUC,IACpBN,IAAI;AAAA,gBACF,GAAGO,YAAAA;AAAAA,cACJ,CAAA,CACH;AAAA,YACF;AAAA,UACF;AAEA,kBAAQ1C,aAAa,YAAYD,gBAAgB,aAC/C,CAACD,+CACD,OAAA;AAAA,YACE6C,IAAIrC;AAAAA,YACJsC,WACE7C,gBAAgB,WACZoC,IAAI;AAAA,cAAE,GAAGO,YAAAA;AAAAA,YAAmB,CAAA,IAC5BlC;AAAAA,YACLX;AAAAA,UAGE,CAAA,IAELA;AAAAA,QAEJ;AAAA,MAAA,CACU;AAAA,IAAA,CACG,CAAC;AAAA,EAAA,CACL;AAEnB;;"}

package/dist/cjs/providers/ThemeProvider.cjs

@@ -4,19 +4,8 @@ const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const styles = require("@mui/material/styles");
-const createCache = require("@emotion/cache");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const theme = require("../utils/theme.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const createCache__default = /* @__PURE__ */ _interopDefault(createCache);
-const defaultCacheKey = "hv";
-const defaultEmotionCache = createCache__default.default({
-  key: defaultCacheKey,
-  prepend: true
-});
-const EmotionContext = React.createContext({
-  cache: defaultEmotionCache
-});
 const HvThemeProvider = ({
   children,
   themes: themesList,
@@ -71,19 +60,28 @@ const HvThemeProvider = ({
     theme: MuiTheme,
     children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactShared.HvThemeContext.Provider, {
       value,
-      children: /* @__PURE__ */ jsxRuntime.jsx(EmotionContext.Provider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactShared.EmotionContext.Provider, {
         value: emotionCacheValue,
         children
       })
     })
   });
 };
+Object.defineProperty(exports, "EmotionContext", {
+  enumerable: true,
+  get: () => uikitReactShared.EmotionContext
+});
 Object.defineProperty(exports, "HvThemeContext", {
   enumerable: true,
   get: () => uikitReactShared.HvThemeContext
 });
-exports.EmotionContext = EmotionContext;
+Object.defineProperty(exports, "defaultCacheKey", {
+  enumerable: true,
+  get: () => uikitReactShared.defaultCacheKey
+});
+Object.defineProperty(exports, "defaultEmotionCache", {
+  enumerable: true,
+  get: () => uikitReactShared.defaultEmotionCache
+});
 exports.HvThemeProvider = HvThemeProvider;
-exports.defaultCacheKey = defaultCacheKey;
-exports.defaultEmotionCache = defaultEmotionCache;
 //# sourceMappingURL=ThemeProvider.cjs.map

package/dist/cjs/providers/ThemeProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport createCache, { EmotionCache } from \"@emotion/cache\";\nimport { setElementAttrs } from \"@core/utils\";\nimport { HvTheme } from \"@core/types\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\nexport const defaultCacheKey = \"hv\";\n\nexport const defaultEmotionCache = createCache({\n  key: defaultCacheKey,\n  prepend: true,\n});\n\nexport const EmotionContext = createContext<{ cache: EmotionCache }>({\n  cache: defaultEmotionCache,\n});\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  emotionCache: EmotionCache;\n  colorMode: string;\n  themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  emotionCache,\n  colorMode,\n  themeRootId: rootId,\n}: HvThemeProviderProps) => {\n  const initTheme = parseTheme(themesList, theme, colorMode);\n\n  const [parsedTheme, setParsedTheme] = useState(initTheme);\n  const [activeTheme, setActiveTheme] = useState(parsedTheme.theme);\n  const [selectedTheme, setSelectedTheme] = useState(parsedTheme.selectedTheme);\n  const [selectedMode, setThemeMode] = useState(parsedTheme.selectedMode);\n  const [colorModes, setColorModes] = useState(parsedTheme.colorModes);\n  const [themes, setThemes] = useState(themesList.map((t) => t.name));\n\n  useEffect(() => {\n    const pTheme = parseTheme(themesList, theme, colorMode);\n    setThemes(themesList.map((t) => t.name));\n    setParsedTheme(pTheme);\n  }, [themesList, theme, colorMode]);\n\n  useEffect(() => {\n    setActiveTheme(parsedTheme.theme);\n    setSelectedTheme(parsedTheme.selectedTheme);\n    setThemeMode(parsedTheme.selectedMode);\n    setColorModes(parsedTheme.colorModes);\n\n    setElementAttrs(\n      parsedTheme.selectedTheme,\n      parsedTheme.selectedMode,\n      parsedTheme.colorScheme,\n      rootId\n    );\n  }, [parsedTheme, rootId]);\n\n  const changeTheme = useCallback(\n    (newTheme = selectedTheme, newMode = selectedMode) => {\n      const pTheme = parseTheme(themesList, newTheme, newMode);\n      setParsedTheme(pTheme);\n    },\n    [selectedMode, selectedTheme, themesList]\n  );\n\n  const value = useMemo<HvThemeContextValue>(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme: activeTheme as HvTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...activeTheme.breakpoints.values,\n      },\n    },\n  });\n\n  const emotionCacheValue = useMemo(\n    () => ({ cache: emotionCache }),\n    [emotionCache]\n  );\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        <EmotionContext.Provider value={emotionCacheValue}>\n          {children}\n        </EmotionContext.Provider>\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["defaultCacheKey","defaultEmotionCache","createCache","key","prepend","EmotionContext","createContext","cache","HvThemeProvider","children","themes","themesList","theme","emotionCache","colorMode","themeRootId","rootId","initTheme","parseTheme","parsedTheme","setParsedTheme","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","setThemes","map","t","name","useEffect","pTheme","setElementAttrs","colorScheme","changeTheme","useCallback","newTheme","newMode","value","useMemo","MuiTheme","createTheme","breakpoints","values","emotionCacheValue","MuiThemeProvider","HvThemeContext","Provider"],"mappings":";;;;;;;;;;;AAqBO,MAAMA,kBAAkB;AAExB,MAAMC,sBAAsBC,qBAAAA,QAAY;AAAA,EAC7CC,KAAKH;AAAAA,EACLI,SAAS;AACX,CAAC;AAEM,MAAMC,iBAAiBC,MAAAA,cAAuC;AAAA,EACnEC,OAAON;AACT,CAAC;AAWM,MAAMO,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EAAAA,OACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAaC;AACO,MAAM;AAC1B,QAAMC,YAAYC,YAAAA,WAAWP,YAAYC,SAAOE,SAAS;AAEzD,QAAM,CAACK,aAAaC,cAAc,IAAIC,eAASJ,SAAS;AACxD,QAAM,CAACK,aAAaC,cAAc,IAAIF,MAAAA,SAASF,YAAYP,KAAK;AAChE,QAAM,CAACY,eAAeC,gBAAgB,IAAIJ,MAAAA,SAASF,YAAYK,aAAa;AAC5E,QAAM,CAACE,cAAcC,YAAY,IAAIN,MAAAA,SAASF,YAAYO,YAAY;AACtE,QAAM,CAACE,YAAYC,aAAa,IAAIR,MAAAA,SAASF,YAAYS,UAAU;AAC7D,QAAA,CAAClB,QAAQoB,SAAS,IAAIT,eAASV,WAAWoB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAElEC,QAAAA,UAAU,MAAM;AACd,UAAMC,SAASjB,YAAAA,WAAWP,YAAYC,SAAOE,SAAS;AACtDgB,cAAUnB,WAAWoB,IAAKC,CAAMA,MAAAA,EAAEC,IAAI,CAAC;AACvCb,mBAAee,MAAM;AAAA,EACpB,GAAA,CAACxB,YAAYC,SAAOE,SAAS,CAAC;AAEjCoB,QAAAA,UAAU,MAAM;AACdX,mBAAeJ,YAAYP,KAAK;AAChCa,qBAAiBN,YAAYK,aAAa;AAC1CG,iBAAaR,YAAYO,YAAY;AACrCG,kBAAcV,YAAYS,UAAU;AAEpCQ,0BACEjB,YAAYK,eACZL,YAAYO,cACZP,YAAYkB,aACZrB,MACF;AAAA,EAAA,GACC,CAACG,aAAaH,MAAM,CAAC;AAExB,QAAMsB,cAAcC,MAAAA,YAClB,CAACC,WAAWhB,eAAeiB,UAAUf,iBAAiB;AACpD,UAAMS,SAASjB,YAAAA,WAAWP,YAAY6B,UAAUC,OAAO;AACvDrB,mBAAee,MAAM;AAAA,EAEvB,GAAA,CAACT,cAAcF,eAAeb,UAAU,CAC1C;AAEM+B,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACLjC;AAAAA,IACAkB;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAY;AAAAA,IACAtB;AAAAA,EAAAA,IAEF,CACEN,QACAkB,YACAN,aACAE,eACAE,cACAY,aACAtB,MAAM,CAEV;AAEA,QAAM4B,WAAWC,OAAAA,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGzB,YAAYwB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAEKC,QAAAA,oBAAoBL,MAAAA,QACxB,OAAO;AAAA,IAAEpC,OAAOM;AAAAA,EAAAA,IAChB,CAACA,YAAY,CACf;AAEA,wCACGoC,OAAAA,eAAgB;AAAA,IAACrC,OAAOgC;AAAAA,IAASnC,UAC/ByC,2BAAAA,IAAAA,iBAAAA,eAAeC,UAAQ;AAAA,MAACT;AAAAA,MAAajC,UACnCJ,2BAAAA,IAAAA,eAAe8C,UAAQ;AAAA,QAACT,OAAOM;AAAAA,QAAkBvC;AAAAA,MAAAA,CAEzB;AAAA,IAAA,CACF;AAAA,EAAA,CACT;AAEtB;;;;;;;;;"}
+{"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvThemeContext,\n  defaultCacheKey,\n  defaultEmotionCache,\n  EmotionContext,\n} from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { EmotionCache } from \"@emotion/cache\";\nimport { setElementAttrs } from \"@core/utils\";\nimport { HvTheme } from \"@core/types\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\nexport { defaultCacheKey, defaultEmotionCache, EmotionContext };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  emotionCache: EmotionCache;\n  colorMode: string;\n  themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  emotionCache,\n  colorMode,\n  themeRootId: rootId,\n}: HvThemeProviderProps) => {\n  const initTheme = parseTheme(themesList, theme, colorMode);\n\n  const [parsedTheme, setParsedTheme] = useState(initTheme);\n  const [activeTheme, setActiveTheme] = useState(parsedTheme.theme);\n  const [selectedTheme, setSelectedTheme] = useState(parsedTheme.selectedTheme);\n  const [selectedMode, setThemeMode] = useState(parsedTheme.selectedMode);\n  const [colorModes, setColorModes] = useState(parsedTheme.colorModes);\n  const [themes, setThemes] = useState(themesList.map((t) => t.name));\n\n  useEffect(() => {\n    const pTheme = parseTheme(themesList, theme, colorMode);\n    setThemes(themesList.map((t) => t.name));\n    setParsedTheme(pTheme);\n  }, [themesList, theme, colorMode]);\n\n  useEffect(() => {\n    setActiveTheme(parsedTheme.theme);\n    setSelectedTheme(parsedTheme.selectedTheme);\n    setThemeMode(parsedTheme.selectedMode);\n    setColorModes(parsedTheme.colorModes);\n\n    setElementAttrs(\n      parsedTheme.selectedTheme,\n      parsedTheme.selectedMode,\n      parsedTheme.colorScheme,\n      rootId\n    );\n  }, [parsedTheme, rootId]);\n\n  const changeTheme = useCallback(\n    (newTheme = selectedTheme, newMode = selectedMode) => {\n      const pTheme = parseTheme(themesList, newTheme, newMode);\n      setParsedTheme(pTheme);\n    },\n    [selectedMode, selectedTheme, themesList]\n  );\n\n  const value = useMemo<HvThemeContextValue>(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme: activeTheme as HvTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...activeTheme.breakpoints.values,\n      },\n    },\n  });\n\n  const emotionCacheValue = useMemo(\n    () => ({ cache: emotionCache }),\n    [emotionCache]\n  );\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        <EmotionContext.Provider value={emotionCacheValue}>\n          {children}\n        </EmotionContext.Provider>\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeProvider","children","themes","themesList","theme","emotionCache","colorMode","themeRootId","rootId","initTheme","parseTheme","parsedTheme","setParsedTheme","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","setThemes","map","t","name","useEffect","pTheme","setElementAttrs","colorScheme","changeTheme","useCallback","newTheme","newMode","value","useMemo","MuiTheme","createTheme","breakpoints","values","emotionCacheValue","cache","MuiThemeProvider","HvThemeContext","Provider","EmotionContext"],"mappings":";;;;;;;;AA+BO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EAAAA,OACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAaC;AACO,MAAM;AAC1B,QAAMC,YAAYC,YAAAA,WAAWP,YAAYC,SAAOE,SAAS;AAEzD,QAAM,CAACK,aAAaC,cAAc,IAAIC,eAASJ,SAAS;AACxD,QAAM,CAACK,aAAaC,cAAc,IAAIF,MAAAA,SAASF,YAAYP,KAAK;AAChE,QAAM,CAACY,eAAeC,gBAAgB,IAAIJ,MAAAA,SAASF,YAAYK,aAAa;AAC5E,QAAM,CAACE,cAAcC,YAAY,IAAIN,MAAAA,SAASF,YAAYO,YAAY;AACtE,QAAM,CAACE,YAAYC,aAAa,IAAIR,MAAAA,SAASF,YAAYS,UAAU;AAC7D,QAAA,CAAClB,QAAQoB,SAAS,IAAIT,eAASV,WAAWoB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAElEC,QAAAA,UAAU,MAAM;AACd,UAAMC,SAASjB,YAAAA,WAAWP,YAAYC,SAAOE,SAAS;AACtDgB,cAAUnB,WAAWoB,IAAKC,CAAMA,MAAAA,EAAEC,IAAI,CAAC;AACvCb,mBAAee,MAAM;AAAA,EACpB,GAAA,CAACxB,YAAYC,SAAOE,SAAS,CAAC;AAEjCoB,QAAAA,UAAU,MAAM;AACdX,mBAAeJ,YAAYP,KAAK;AAChCa,qBAAiBN,YAAYK,aAAa;AAC1CG,iBAAaR,YAAYO,YAAY;AACrCG,kBAAcV,YAAYS,UAAU;AAEpCQ,0BACEjB,YAAYK,eACZL,YAAYO,cACZP,YAAYkB,aACZrB,MACF;AAAA,EAAA,GACC,CAACG,aAAaH,MAAM,CAAC;AAExB,QAAMsB,cAAcC,MAAAA,YAClB,CAACC,WAAWhB,eAAeiB,UAAUf,iBAAiB;AACpD,UAAMS,SAASjB,YAAAA,WAAWP,YAAY6B,UAAUC,OAAO;AACvDrB,mBAAee,MAAM;AAAA,EAEvB,GAAA,CAACT,cAAcF,eAAeb,UAAU,CAC1C;AAEM+B,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACLjC;AAAAA,IACAkB;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAY;AAAAA,IACAtB;AAAAA,EAAAA,IAEF,CACEN,QACAkB,YACAN,aACAE,eACAE,cACAY,aACAtB,MAAM,CAEV;AAEA,QAAM4B,WAAWC,OAAAA,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGzB,YAAYwB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAEKC,QAAAA,oBAAoBL,MAAAA,QACxB,OAAO;AAAA,IAAEM,OAAOpC;AAAAA,EAAAA,IAChB,CAACA,YAAY,CACf;AAEA,wCACGqC,OAAAA,eAAgB;AAAA,IAACtC,OAAOgC;AAAAA,IAASnC,UAC/B0C,2BAAAA,IAAAA,iBAAAA,eAAeC,UAAQ;AAAA,MAACV;AAAAA,MAAajC,UACnC4C,2BAAAA,IAAAA,iBAAAA,eAAeD,UAAQ;AAAA,QAACV,OAAOM;AAAAA,QAAkBvC;AAAAA,MAAAA,CAEzB;AAAA,IAAA,CACF;AAAA,EAAA,CACT;AAEtB;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/utils/keyboardUtils.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const keyboardCodes = {
+  Backspace: "Backspace",
+  Tab: "Tab",
+  Enter: "Enter",
+  Shift: "ShiftLeft",
+  Ctrl: "ControlLeft",
+  Alt: "AltLeft",
+  Delete: "Delete",
+  Esc: "Escape",
+  ArrowLeft: "ArrowLeft",
+  ArrowUp: "ArrowUp",
+  ArrowRight: "ArrowRight",
+  ArrowDown: "ArrowDown",
+  Space: "Space",
+  PageUp: "PageUp",
+  PageDown: "PageDown",
+  Home: "Home",
+  End: "End"
+};
+const isKey = (event, keyCode) => {
+  return (event == null ? void 0 : event.code) === keyCode || (event == null ? void 0 : event.code) === keyboardCodes[keyCode];
+};
+const isOneOfKeys = (event, keys) => {
+  return keys.some((key) => isKey(event, key));
+};
+exports.isKey = isKey;
+exports.isOneOfKeys = isOneOfKeys;
+//# sourceMappingURL=keyboardUtils.cjs.map

package/dist/cjs/utils/keyboardUtils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardUtils.cjs","sources":["../../../src/utils/keyboardUtils.ts"],"sourcesContent":["/** Map of keys to key `code` @see https://mdn.io/event/code */\nconst keyboardCodes = {\n  Backspace: \"Backspace\",\n  Tab: \"Tab\",\n  Enter: \"Enter\",\n  Shift: \"ShiftLeft\",\n  Ctrl: \"ControlLeft\",\n  Alt: \"AltLeft\",\n  Delete: \"Delete\",\n  Esc: \"Escape\",\n  ArrowLeft: \"ArrowLeft\",\n  ArrowUp: \"ArrowUp\",\n  ArrowRight: \"ArrowRight\",\n  ArrowDown: \"ArrowDown\",\n  Space: \"Space\",\n  PageUp: \"PageUp\",\n  PageDown: \"PageDown\",\n  Home: \"Home\",\n  End: \"End\",\n} as const;\n\ntype Key = keyof typeof keyboardCodes;\n\n/** Check whether a keyboard `event` is pressing the `keyCode` key. */\nexport const isKey = (event: any, keyCode: Key) => {\n  return event?.code === keyCode || event?.code === keyboardCodes[keyCode];\n};\n\nexport const isOneOfKeys = (event: any, keys: Key[]) => {\n  return keys.some((key) => isKey(event, key));\n};\n"],"names":["keyboardCodes","Backspace","Tab","Enter","Shift","Ctrl","Alt","Delete","Esc","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Space","PageUp","PageDown","Home","End","isKey","event","keyCode","code","isOneOfKeys","keys","some","key"],"mappings":";;AACA,MAAMA,gBAAgB;AAAA,EACpBC,WAAW;AAAA,EACXC,KAAK;AAAA,EACLC,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,KAAK;AAAA,EACLC,WAAW;AAAA,EACXC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,MAAM;AAAA,EACNC,KAAK;AACP;AAKaC,MAAAA,QAAQA,CAACC,OAAYC,YAAiB;AACjD,UAAOD,+BAAOE,UAASD,YAAWD,+BAAOE,UAASrB,cAAcoB,OAAO;AACzE;AAEaE,MAAAA,cAAcA,CAACH,OAAYI,SAAgB;AACtD,SAAOA,KAAKC,KAAMC,CAAAA,QAAQP,MAAMC,OAAOM,GAAG,CAAC;AAC7C;;;"}

package/dist/esm/components/Accordion/Accordion.js

@@ -1,15 +1,15 @@
 import { useCallback, useMemo } from "react";
-import { clsx } from "clsx";
 import { DropUpXS, DropDownXS } from "@hitachivantara/uikit-react-icons";
-import { StyledLabel, StyledRoot, StyledContainer } from "./Accordion.styles.js";
-import accordionClasses from "./accordionClasses.js";
+import { useClasses } from "./Accordion.styles.js";
+import { staticClasses } from "./Accordion.styles.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useControlled } from "../../hooks/useControlled.js";
 import { setId } from "../../utils/setId.js";
+import { HvTypography } from "../Typography/Typography.js";
 const HvAccordion = ({
   id,
   className,
-  classes,
+  classes: classesProp,
   disabled = false,
   label,
   onChange,
@@ -21,6 +21,10 @@ const HvAccordion = ({
   labelVariant = "label",
   ...others
 }) => {
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));
   const handleAction = useCallback((event) => {
     if (!disabled) {
@@ -60,11 +64,13 @@ const HvAccordion = ({
   const accordionContainer = setId(id, "container");
   const accordionHeader = useMemo(() => {
     const color = disabled && ["secondary_60"] || void 0;
-    const accordionButton = /* @__PURE__ */ jsxs(StyledLabel, {
+    const accordionButton = /* @__PURE__ */ jsxs(HvTypography, {
       id: accordionHeaderId,
       component: "div",
       role: "button",
-      className: clsx(accordionClasses.label, classes == null ? void 0 : classes.label, disabled && clsx(accordionClasses.disabled, classes == null ? void 0 : classes.disabled)),
+      className: cx(classes.label, {
+        [classes.disabled]: disabled
+      }),
       disabled,
       tabIndex: 0,
       onKeyDown: handleKeyDown,
@@ -78,22 +84,24 @@ const HvAccordion = ({
         color
       }), label]
     });
-    const result = headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsx(StyledLabel, {
+    const result = headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsx(HvTypography, {
       component: `h${headingLevel}`,
       variant: labelVariant,
       children: accordionButton
     });
     return result;
-  }, [classes, handleClick, handleKeyDown, label, accordionHeaderId, disabled, headingLevel, isOpen, labelVariant]);
-  return /* @__PURE__ */ jsxs(StyledRoot, {
+  }, [cx, classes, handleClick, handleKeyDown, label, accordionHeaderId, disabled, headingLevel, isOpen, labelVariant]);
+  return /* @__PURE__ */ jsxs("div", {
     id,
-    className: clsx(className, accordionClasses.root, classes == null ? void 0 : classes.root),
+    className: cx(classes.root, className),
     ...others,
-    children: [accordionHeader, /* @__PURE__ */ jsx(StyledContainer, {
+    children: [accordionHeader, /* @__PURE__ */ jsx("div", {
       id: accordionContainer,
       role: "region",
       "aria-labelledby": accordionHeaderId,
-      className: clsx(accordionClasses.container, classes == null ? void 0 : classes.container, !isOpen && clsx(accordionClasses.hidden, classes == null ? void 0 : classes.hidden)),
+      className: cx(classes.container, {
+        [classes.hidden]: !isOpen
+      }),
       hidden: !isOpen,
       ...containerProps,
       children
@@ -101,6 +109,7 @@ const HvAccordion = ({
   });
 };
 export {
-  HvAccordion
+  HvAccordion,
+  staticClasses as accordionClasses
 };
 //# sourceMappingURL=Accordion.js.map