@hitachivantara/uikit-react-lab 5.4.20 → 5.4.21

package/dist/esm/components/StepNavigation/StepNavigation.styles.js

@@ -1,4 +1,8 @@
-const styles = {
+import { createClasses } from "@hitachivantara/uikit-react-core";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvStepNavigation", {
   root: {
     display: "flex",
     flexDirection: "column"
@@ -26,8 +30,9 @@ const styles = {
       display: "flex"
     }
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=StepNavigation.styles.js.map

package/dist/esm/components/StepNavigation/StepNavigation.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepNavigation.styles.js","sources":["../../../../src/components/StepNavigation/StepNavigation.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { HvStepNavigationClasses } from \"./stepNavigationClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvStepNavigationClasses, CSSInterpolation>\n> = {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  titles: {\n    marginTop: 8,\n    display: \"flex\",\n  },\n  ol: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    padding: 0,\n    listStyle: \"none\",\n  },\n  li: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  separator: {\n    userSelect: \"none\",\n    \"& > div\": {\n      display: \"flex\",\n    },\n  },\n};\n"],"names":["styles","root","display","flexDirection","titles","marginTop","ol","alignItems","justifyContent","flexWrap","padding","listStyle","li","separator","userSelect"],"mappings":"AAGO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,IACXH,SAAS;AAAA,EACX;AAAA,EACAI,IAAI;AAAA,IACFJ,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,WAAW;AAAA,EACb;AAAA,EACAC,IAAI;AAAA,IACFV,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AAAA,EACAK,WAAW;AAAA,IACTC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;"}
+{"version":3,"file":"StepNavigation.styles.js","sources":["../../../../src/components/StepNavigation/StepNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvStepNavigation\", {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  titles: {\n    marginTop: 8,\n    display: \"flex\",\n  },\n  ol: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    padding: 0,\n    listStyle: \"none\",\n  },\n  li: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  separator: {\n    userSelect: \"none\",\n    \"& > div\": {\n      display: \"flex\",\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","flexDirection","titles","marginTop","ol","alignItems","justifyContent","flexWrap","padding","listStyle","li","separator","userSelect"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,IACXH,SAAS;AAAA,EACX;AAAA,EACAI,IAAI;AAAA,IACFJ,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,WAAW;AAAA,EACb;AAAA,EACAC,IAAI;AAAA,IACFV,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AAAA,EACAK,WAAW;AAAA,IACTC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTZ,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Wizard/Wizard.js

@@ -1,4 +1,6 @@
 import { useState, useCallback, useEffect, useMemo } from "react";
+import { useClasses } from "./Wizard.styles.js";
+import { staticClasses } from "./Wizard.styles.js";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import HvWizardContext from "./WizardContext/WizardContext.js";
 import { HvWizardContainer } from "./WizardContainer/WizardContainer.js";
@@ -26,8 +28,12 @@ const HvWizard = ({
   },
   fixedHeight = false,
   customStep,
+  classes: classesProp,
   ...others
 }) => {
+  const {
+    classes
+  } = useClasses(classesProp);
   const [context, setContext] = useState({});
   const [summary, setSummary] = useState(false);
   const [tab, setTab] = useState(0);
@@ -62,6 +68,9 @@ const HvWizard = ({
     value,
     children: /* @__PURE__ */ jsxs(HvWizardContainer, {
       className,
+      classes: {
+        root: classes.root
+      },
       handleClose,
       open,
       ...others,
@@ -86,6 +95,7 @@ const HvWizard = ({
   });
 };
 export {
-  HvWizard
+  HvWizard,
+  staticClasses as wizardClasses
 };
 //# sourceMappingURL=Wizard.js.map

package/dist/esm/components/Wizard/Wizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.js","sources":["../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import { HvBaseProps, HvDialogProps } from \"@hitachivantara/uikit-react-core\";\nimport { ModalProps } from \"@mui/material\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { HvWizardClasses } from \"./wizardClasses\";\nimport {\n  HvWizardContainer,\n  HvWizardContent,\n  HvWizardContext,\n  HvWizardTitle,\n  HvWizardTitleProps,\n  HvWizardTabs,\n  HvWizardActions,\n  HvWizardActionsProps,\n} from \".\";\nimport { HvStepNavigationProps } from \"..\";\n\nexport interface HvWizardProps\n  extends HvBaseProps,\n    Pick<HvDialogProps, \"maxWidth\" | \"fullWidth\"> {\n  /** Current state of the Wizard. */\n  open: boolean;\n  /** Function executed on close. */\n  onClose: ModalProps[\"onClose\"];\n  /** Function executed on submit. */\n  handleSubmit: (context: HvWizardTabs) => void;\n  /** Title for the wizard. */\n  title?: string;\n  /** An object containing all the labels for the wizard. */\n  labels?: HvWizardActionsProps[\"labels\"] & HvWizardTitleProps[\"labels\"];\n  /** Shows the summary button. */\n  hasSummary?: boolean;\n  /** The content of the summary. */\n  summaryContent?: React.ReactNode;\n  /** Enables the skip button. */\n  skippable?: boolean;\n  /** Forces minimum height to the component. */\n  fixedHeight?: boolean;\n  /** Whether the loading animation is shown. */\n  loading?: boolean;\n  /** Custom object to define type, size and width of the StepNavigation component */\n  customStep?: Pick<HvStepNavigationProps, \"type\" | \"stepSize\" | \"width\">;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardClasses;\n}\n\nexport const HvWizard = ({\n  className,\n  children,\n  onClose,\n  handleSubmit,\n  title,\n  open,\n  skippable = true,\n  loading = false,\n  hasSummary = false,\n  summaryContent,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n    summary: \"Summary\",\n  },\n  fixedHeight = false,\n  customStep,\n  ...others\n}: HvWizardProps) => {\n  const [context, setContext] = useState<HvWizardTabs>({});\n  const [summary, setSummary] = useState(false);\n  const [tab, setTab] = useState(0);\n\n  const handleClose = useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose?.(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  // on unmount\n  useEffect(() => {\n    return () => {\n      if (!open) {\n        setContext((c) =>\n          Object.entries(c).reduce(\n            (acc, [key, child]) => ({\n              ...acc,\n              [+key]: {\n                ...child,\n                touched: false,\n              },\n            }),\n            {} as HvWizardTabs\n          )\n        );\n        setTab(0);\n      }\n    };\n  }, [open]);\n\n  const value = useMemo(\n    () => ({ context, setContext, summary, setSummary, tab, setTab }),\n    [context, setContext, summary, setSummary, tab, setTab]\n  );\n\n  return (\n    <HvWizardContext.Provider value={value}>\n      <HvWizardContainer\n        className={className}\n        handleClose={handleClose}\n        open={open}\n        {...others}\n      >\n        <HvWizardTitle\n          title={title}\n          hasSummary={hasSummary}\n          labels={labels}\n          customStep={customStep}\n        />\n        <HvWizardContent\n          loading={loading}\n          fixedHeight={fixedHeight}\n          summaryContent={summaryContent}\n        >\n          {children}\n        </HvWizardContent>\n        <HvWizardActions\n          loading={loading}\n          skippable={skippable}\n          labels={labels}\n          handleClose={handleClose}\n          handleSubmit={handleSubmit}\n        />\n      </HvWizardContainer>\n    </HvWizardContext.Provider>\n  );\n};\n"],"names":["HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","context","setContext","useState","setSummary","tab","setTab","handleClose","useCallback","evt","reason","useEffect","c","Object","entries","reduce","acc","key","child","touched","value","useMemo","_jsx","HvWizardContext","Provider","HvWizardContainer","HvWizardTitle","HvWizardContent","HvWizardActions"],"mappings":";;;;;;;AA6CO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC;AAAAA,EACAC,SAAS;AAAA,IACPC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,QAAQ;AAAA,IACRC,SAAS;AAAA,EACX;AAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAM,CAACC,SAASC,UAAU,IAAIC,SAAuB,CAAE,CAAA;AACvD,QAAM,CAACN,SAASO,UAAU,IAAID,SAAS,KAAK;AAC5C,QAAM,CAACE,KAAKC,MAAM,IAAIH,SAAS,CAAC;AAEhC,QAAMI,cAAcC,YAClB,CAACC,KAAKC,WAAW;AACf,QAAIA,WAAW,iBAAiB;AAC9B3B,yCAAU0B,KAAKC;AAAAA,IACjB;AAAA,EAAA,GAEF,CAAC3B,OAAO,CACV;AAGA4B,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,CAACzB,MAAM;AACG0B,mBAAAA,CAAAA,MACVC,OAAOC,QAAQF,CAAC,EAAEG,OAChB,CAACC,KAAK,CAACC,KAAKC,KAAK,OAAO;AAAA,UACtB,GAAGF;AAAAA,UACH,CAAC,CAACC,GAAG,GAAG;AAAA,YACN,GAAGC;AAAAA,YACHC,SAAS;AAAA,UACX;AAAA,QAAA,IAEF,CACF,CAAA,CACF;AACAb,eAAO,CAAC;AAAA,MACV;AAAA,IAAA;AAAA,EACF,GACC,CAACpB,IAAI,CAAC;AAEHkC,QAAAA,QAAQC,QACZ,OAAO;AAAA,IAAEpB;AAAAA,IAASC;AAAAA,IAAYL;AAAAA,IAASO;AAAAA,IAAYC;AAAAA,IAAKC;AAAAA,EAAAA,IACxD,CAACL,SAASC,YAAYL,SAASO,YAAYC,KAAKC,MAAM,CACxD;AAGEgB,SAAAA,oBAACC,gBAAgBC,UAAQ;AAAA,IAACJ;AAAAA,IAAatC,+BACpC2C,mBAAiB;AAAA,MAChB5C;AAAAA,MACA0B;AAAAA,MACArB;AAAAA,MAAW,GACPc;AAAAA,MAAMlB,UAAA,CAEVwC,oBAACI,eAAa;AAAA,QACZzC;AAAAA,QACAI;AAAAA,QACAE;AAAAA,QACAQ;AAAAA,MAAAA,CACD,GACDuB,oBAACK,iBAAe;AAAA,QACdvC;AAAAA,QACAU;AAAAA,QACAR;AAAAA,QAA+BR;AAAAA,MAAAA,CAGhB,GACjBwC,oBAACM,iBAAe;AAAA,QACdxC;AAAAA,QACAD;AAAAA,QACAI;AAAAA,QACAgB;AAAAA,QACAvB;AAAAA,MAAAA,CACD,CAAC;AAAA,IAAA,CACe;AAAA,EAAA,CACK;AAE9B;"}
+{"version":3,"file":"Wizard.js","sources":["../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import {\n  ExtractNames,\n  HvBaseProps,\n  HvDialogProps,\n} from \"@hitachivantara/uikit-react-core\";\nimport { ModalProps } from \"@mui/material\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  HvWizardContainer,\n  HvWizardContent,\n  HvWizardContext,\n  HvWizardTitle,\n  HvWizardTitleProps,\n  HvWizardTabs,\n  HvWizardActions,\n  HvWizardActionsProps,\n} from \".\";\nimport { HvStepNavigationProps } from \"..\";\nimport { staticClasses, useClasses } from \"./Wizard.styles\";\n\nexport { staticClasses as wizardClasses };\n\nexport type HvWizardClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardProps\n  extends HvBaseProps,\n    Pick<HvDialogProps, \"maxWidth\" | \"fullWidth\"> {\n  /** Current state of the Wizard. */\n  open: boolean;\n  /** Function executed on close. */\n  onClose: ModalProps[\"onClose\"];\n  /** Function executed on submit. */\n  handleSubmit: (context: HvWizardTabs) => void;\n  /** Title for the wizard. */\n  title?: string;\n  /** An object containing all the labels for the wizard. */\n  labels?: HvWizardActionsProps[\"labels\"] & HvWizardTitleProps[\"labels\"];\n  /** Shows the summary button. */\n  hasSummary?: boolean;\n  /** The content of the summary. */\n  summaryContent?: React.ReactNode;\n  /** Enables the skip button. */\n  skippable?: boolean;\n  /** Forces minimum height to the component. */\n  fixedHeight?: boolean;\n  /** Whether the loading animation is shown. */\n  loading?: boolean;\n  /** Custom object to define type, size and width of the StepNavigation component */\n  customStep?: Pick<HvStepNavigationProps, \"type\" | \"stepSize\" | \"width\">;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardClasses;\n}\n\nexport const HvWizard = ({\n  className,\n  children,\n  onClose,\n  handleSubmit,\n  title,\n  open,\n  skippable = true,\n  loading = false,\n  hasSummary = false,\n  summaryContent,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n    summary: \"Summary\",\n  },\n  fixedHeight = false,\n  customStep,\n  classes: classesProp,\n  ...others\n}: HvWizardProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const [context, setContext] = useState<HvWizardTabs>({});\n  const [summary, setSummary] = useState(false);\n  const [tab, setTab] = useState(0);\n\n  const handleClose = useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose?.(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  // on unmount\n  useEffect(() => {\n    return () => {\n      if (!open) {\n        setContext((c) =>\n          Object.entries(c).reduce(\n            (acc, [key, child]) => ({\n              ...acc,\n              [+key]: {\n                ...child,\n                touched: false,\n              },\n            }),\n            {} as HvWizardTabs\n          )\n        );\n        setTab(0);\n      }\n    };\n  }, [open]);\n\n  const value = useMemo(\n    () => ({ context, setContext, summary, setSummary, tab, setTab }),\n    [context, setContext, summary, setSummary, tab, setTab]\n  );\n\n  return (\n    <HvWizardContext.Provider value={value}>\n      <HvWizardContainer\n        className={className}\n        classes={{ root: classes.root }}\n        handleClose={handleClose}\n        open={open}\n        {...others}\n      >\n        <HvWizardTitle\n          title={title}\n          hasSummary={hasSummary}\n          labels={labels}\n          customStep={customStep}\n        />\n        <HvWizardContent\n          loading={loading}\n          fixedHeight={fixedHeight}\n          summaryContent={summaryContent}\n        >\n          {children}\n        </HvWizardContent>\n        <HvWizardActions\n          loading={loading}\n          skippable={skippable}\n          labels={labels}\n          handleClose={handleClose}\n          handleSubmit={handleSubmit}\n        />\n      </HvWizardContainer>\n    </HvWizardContext.Provider>\n  );\n};\n"],"names":["HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","classes","classesProp","others","useClasses","context","setContext","useState","setSummary","tab","setTab","handleClose","useCallback","evt","reason","useEffect","c","Object","entries","reduce","acc","key","child","touched","value","useMemo","_jsx","HvWizardContext","Provider","HvWizardContainer","root","HvWizardTitle","HvWizardContent","HvWizardActions"],"mappings":";;;;;;;;;AAqDO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,aAAa;AAAA,EACbC;AAAAA,EACAC,SAAS;AAAA,IACPC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,QAAQ;AAAA,IACRC,SAAS;AAAA,EACX;AAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC,SAASC;AAAAA,EACT,GAAGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEF;AAAAA,EAAAA,IAAYG,WAAWF,WAAW;AAE1C,QAAM,CAACG,SAASC,UAAU,IAAIC,SAAuB,CAAE,CAAA;AACvD,QAAM,CAACT,SAASU,UAAU,IAAID,SAAS,KAAK;AAC5C,QAAM,CAACE,KAAKC,MAAM,IAAIH,SAAS,CAAC;AAEhC,QAAMI,cAAcC,YAClB,CAACC,KAAKC,WAAW;AACf,QAAIA,WAAW,iBAAiB;AAC9B9B,yCAAU6B,KAAKC;AAAAA,IACjB;AAAA,EAAA,GAEF,CAAC9B,OAAO,CACV;AAGA+B,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,CAAC5B,MAAM;AACG6B,mBAAAA,CAAAA,MACVC,OAAOC,QAAQF,CAAC,EAAEG,OAChB,CAACC,KAAK,CAACC,KAAKC,KAAK,OAAO;AAAA,UACtB,GAAGF;AAAAA,UACH,CAAC,CAACC,GAAG,GAAG;AAAA,YACN,GAAGC;AAAAA,YACHC,SAAS;AAAA,UACX;AAAA,QAAA,IAEF,CACF,CAAA,CACF;AACAb,eAAO,CAAC;AAAA,MACV;AAAA,IAAA;AAAA,EACF,GACC,CAACvB,IAAI,CAAC;AAEHqC,QAAAA,QAAQC,QACZ,OAAO;AAAA,IAAEpB;AAAAA,IAASC;AAAAA,IAAYR;AAAAA,IAASU;AAAAA,IAAYC;AAAAA,IAAKC;AAAAA,EAAAA,IACxD,CAACL,SAASC,YAAYR,SAASU,YAAYC,KAAKC,MAAM,CACxD;AAGEgB,SAAAA,oBAACC,gBAAgBC,UAAQ;AAAA,IAACJ;AAAAA,IAAazC,+BACpC8C,mBAAiB;AAAA,MAChB/C;AAAAA,MACAmB,SAAS;AAAA,QAAE6B,MAAM7B,QAAQ6B;AAAAA,MAAK;AAAA,MAC9BnB;AAAAA,MACAxB;AAAAA,MAAW,GACPgB;AAAAA,MAAMpB,UAAA,CAEV2C,oBAACK,eAAa;AAAA,QACZ7C;AAAAA,QACAI;AAAAA,QACAE;AAAAA,QACAQ;AAAAA,MAAAA,CACD,GACD0B,oBAACM,iBAAe;AAAA,QACd3C;AAAAA,QACAU;AAAAA,QACAR;AAAAA,QAA+BR;AAAAA,MAAAA,CAGhB,GACjB2C,oBAACO,iBAAe;AAAA,QACd5C;AAAAA,QACAD;AAAAA,QACAI;AAAAA,QACAmB;AAAAA,QACA1B;AAAAA,MAAAA,CACD,CAAC;AAAA,IAAA,CACe;AAAA,EAAA,CACK;AAE9B;"}

package/dist/esm/components/Wizard/Wizard.styles.js

@@ -0,0 +1,12 @@
+import { createClasses } from "@hitachivantara/uikit-react-core";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvWizard", {
+  root: {}
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=Wizard.styles.js.map

package/dist/esm/components/Wizard/Wizard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.styles.js","sources":["../../../../src/components/Wizard/Wizard.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizard\", {\n  root: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,YAAY;AAAA,EACrEC,MAAM,CAAC;AACT,CAAC;"}

package/dist/esm/components/Wizard/WizardActions/WizardActions.js

@@ -1,13 +1,12 @@
 import { useContext, useState, useEffect, useCallback } from "react";
-import { ClassNames } from "@emotion/react";
 import { HvDialogActions, HvGrid, HvButton } from "@hitachivantara/uikit-react-core";
 import { Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
-import { styles } from "./WizardActions.styles.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import wizardActionsClasses from "./wizardActionsClasses.js";
+import { useClasses } from "./WizardActions.styles.js";
+import { staticClasses } from "./WizardActions.styles.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import HvWizardContext from "../WizardContext/WizardContext.js";
 const HvWizardActions = ({
-  classes,
+  classes: classesProp,
   handleClose,
   handleSubmit,
   loading = false,
@@ -20,6 +19,11 @@ const HvWizardActions = ({
     submit: "Submit"
   }
 }) => {
+  var _a;
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const {
     context,
     setContext,
@@ -51,56 +55,49 @@ const HvWizardActions = ({
     setTab(lastPage);
   }, [setTab, lastPage, setContext]);
   const handleSubmitInternal = useCallback(() => handleSubmit(context), [handleSubmit, context]);
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => {
-      var _a;
-      return /* @__PURE__ */ jsxs(HvDialogActions, {
-        className: cx(wizardActionsClasses.actionsContainer, css(styles.actionsContainer), classes == null ? void 0 : classes.actionsContainer),
-        children: [/* @__PURE__ */ jsxs(HvGrid, {
-          children: [/* @__PURE__ */ jsx(HvButton, {
-            variant: "secondaryGhost",
-            onClick: handleClose,
-            className: cx(wizardActionsClasses.buttonWidth, css(styles.buttonWidth), classes == null ? void 0 : classes.buttonWidth),
-            children: `${labels.cancel ?? "Cancel"}`
-          }), skippable && /* @__PURE__ */ jsx(HvButton, {
-            variant: "secondaryGhost",
-            disabled: isLastPage,
-            className: cx(wizardActionsClasses.buttonWidth, css(styles.buttonWidth), classes == null ? void 0 : classes.buttonWidth),
-            onClick: handleSkip,
-            children: `${labels.skip ?? "Skip"}`
-          })]
-        }), /* @__PURE__ */ jsxs(HvGrid, {
-          className: cx(wizardActionsClasses.buttonsContainer, css(styles.buttonsContainer), classes == null ? void 0 : classes.buttonsContainer),
-          children: [/* @__PURE__ */ jsx(HvButton, {
-            variant: "secondaryGhost",
-            className: cx(wizardActionsClasses.buttonWidth, css(styles.buttonWidth), classes == null ? void 0 : classes.buttonWidth),
-            disabled: tab <= 0,
-            onClick: () => setTab((t) => t - 1),
-            startIcon: /* @__PURE__ */ jsx(Backwards, {}),
-            children: `${labels.previous ?? "Previous"}`
-          }), isLastPage ? /* @__PURE__ */ jsx(HvButton, {
-            variant: "primary",
-            className: cx(wizardActionsClasses.buttonWidth, css(styles.buttonWidth), classes == null ? void 0 : classes.buttonWidth),
-            disabled: loading || !canSubmit,
-            onClick: handleSubmitInternal,
-            children: `${labels.submit ?? "Submit"}`
-          }) : /* @__PURE__ */ jsx(HvButton, {
-            variant: "secondaryGhost",
-            className: cx(wizardActionsClasses.buttonWidth, wizardActionsClasses.buttonSpacing, css(styles.buttonWidth), css(styles.buttonSpacing), classes == null ? void 0 : classes.buttonWidth, classes == null ? void 0 : classes.buttonSpacing),
-            onClick: () => setTab((t) => t + 1),
-            disabled: !skippable && !((_a = context == null ? void 0 : context[tab]) == null ? void 0 : _a.valid),
-            endIcon: /* @__PURE__ */ jsx(Forwards, {}),
-            children: `${labels.next ?? "Next"}`
-          })]
-        })]
-      });
-    }
+  return /* @__PURE__ */ jsxs(HvDialogActions, {
+    className: classes.actionsContainer,
+    children: [/* @__PURE__ */ jsxs(HvGrid, {
+      children: [/* @__PURE__ */ jsx(HvButton, {
+        variant: "secondaryGhost",
+        onClick: handleClose,
+        className: classes.buttonWidth,
+        children: `${labels.cancel ?? "Cancel"}`
+      }), skippable && /* @__PURE__ */ jsx(HvButton, {
+        variant: "secondaryGhost",
+        disabled: isLastPage,
+        className: classes.buttonWidth,
+        onClick: handleSkip,
+        children: `${labels.skip ?? "Skip"}`
+      })]
+    }), /* @__PURE__ */ jsxs(HvGrid, {
+      className: classes.buttonsContainer,
+      children: [/* @__PURE__ */ jsx(HvButton, {
+        variant: "secondaryGhost",
+        className: classes.buttonWidth,
+        disabled: tab <= 0,
+        onClick: () => setTab((t) => t - 1),
+        startIcon: /* @__PURE__ */ jsx(Backwards, {}),
+        children: `${labels.previous ?? "Previous"}`
+      }), isLastPage ? /* @__PURE__ */ jsx(HvButton, {
+        variant: "primary",
+        className: classes.buttonWidth,
+        disabled: loading || !canSubmit,
+        onClick: handleSubmitInternal,
+        children: `${labels.submit ?? "Submit"}`
+      }) : /* @__PURE__ */ jsx(HvButton, {
+        variant: "secondaryGhost",
+        className: cx(classes.buttonWidth, classes.buttonSpacing),
+        onClick: () => setTab((t) => t + 1),
+        disabled: !skippable && !((_a = context == null ? void 0 : context[tab]) == null ? void 0 : _a.valid),
+        endIcon: /* @__PURE__ */ jsx(Forwards, {}),
+        children: `${labels.next ?? "Next"}`
+      })]
+    })]
   });
 };
 export {
-  HvWizardActions
+  HvWizardActions,
+  staticClasses as wizardActionsClasses
 };
 //# sourceMappingURL=WizardActions.js.map

package/dist/esm/components/Wizard/WizardActions/WizardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardActions.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useState } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport {\n  HvBaseProps,\n  HvButton,\n  HvDialogActions,\n  HvGrid,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\nimport { styles } from \"./WizardActions.styles\";\nimport {\n  HvWizardContext,\n  HvWizardTabs,\n  wizardActionsClasses,\n  HvWizardActionsClasses,\n} from \"..\";\n\nexport interface HvWizardActionsProps extends HvBaseProps {\n  /** Function to handle the cancel button. */\n  handleClose: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** Function to handle the submit button. Also sends the current context state. */\n  handleSubmit: (context: any) => void;\n  /** An object containing all the labels for the wizard actions component. */\n  labels?: {\n    /** Cancel button label. */\n    cancel?: string;\n    /** Skip button label. */\n    skip?: string;\n    /** Previous button label. */\n    previous?: string;\n    /** Next button label. */\n    next?: string;\n    /** Submit button label. */\n    submit?: string;\n  };\n  /** Whether the submit button is disabled. */\n  loading?: boolean;\n  /** Enables the skip button. */\n  skippable?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardActionsClasses;\n}\n\nexport const HvWizardActions = ({\n  classes,\n  handleClose,\n  handleSubmit,\n  loading = false,\n  skippable = false,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n  },\n}: HvWizardActionsProps) => {\n  const { context, setContext, tab, setTab } = useContext(HvWizardContext);\n  const [pages, setPages] = useState(0);\n  const [canSubmit, setCanSubmit] = useState(false);\n\n  useEffect(() => {\n    const contextEntries = Object.entries(context);\n    if (contextEntries.length) {\n      setPages(contextEntries.length);\n\n      const validWizard = Object.entries(context).every(\n        ([, value]) => value?.valid\n      );\n      if (validWizard !== canSubmit) {\n        setCanSubmit(validWizard);\n      }\n    }\n  }, [context, canSubmit, setCanSubmit, setPages]);\n\n  const lastPage = pages - 1;\n  const isLastPage = tab >= lastPage;\n\n  const handleSkip = useCallback(() => {\n    setContext((c) =>\n      Object.entries(c).reduce(\n        (acc, [key, child]) => ({\n          ...acc,\n          [+key]: {\n            ...child,\n            valid: child?.valid !== false,\n          },\n        }),\n        {} as HvWizardTabs\n      )\n    );\n    setTab(lastPage);\n  }, [setTab, lastPage, setContext]);\n\n  const handleSubmitInternal = useCallback(\n    () => handleSubmit(context),\n    [handleSubmit, context]\n  );\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvDialogActions\n          className={cx(\n            wizardActionsClasses.actionsContainer,\n            css(styles.actionsContainer),\n            classes?.actionsContainer\n          )}\n        >\n          <HvGrid>\n            <HvButton\n              variant=\"secondaryGhost\"\n              onClick={handleClose}\n              className={cx(\n                wizardActionsClasses.buttonWidth,\n                css(styles.buttonWidth),\n                classes?.buttonWidth\n              )}\n            >\n              {`${labels.cancel ?? \"Cancel\"}`}\n            </HvButton>\n            {skippable && (\n              <HvButton\n                variant=\"secondaryGhost\"\n                disabled={isLastPage}\n                className={cx(\n                  wizardActionsClasses.buttonWidth,\n                  css(styles.buttonWidth),\n                  classes?.buttonWidth\n                )}\n                onClick={handleSkip}\n              >\n                {`${labels.skip ?? \"Skip\"}`}\n              </HvButton>\n            )}\n          </HvGrid>\n          <HvGrid\n            className={cx(\n              wizardActionsClasses.buttonsContainer,\n              css(styles.buttonsContainer),\n              classes?.buttonsContainer\n            )}\n          >\n            <HvButton\n              variant=\"secondaryGhost\"\n              className={cx(\n                wizardActionsClasses.buttonWidth,\n                css(styles.buttonWidth),\n                classes?.buttonWidth\n              )}\n              disabled={tab <= 0}\n              onClick={() => setTab((t) => t - 1)}\n              startIcon={<Backwards />}\n            >\n              {`${labels.previous ?? \"Previous\"}`}\n            </HvButton>\n            {isLastPage ? (\n              <HvButton\n                variant=\"primary\"\n                className={cx(\n                  wizardActionsClasses.buttonWidth,\n                  css(styles.buttonWidth),\n                  classes?.buttonWidth\n                )}\n                disabled={loading || !canSubmit}\n                onClick={handleSubmitInternal}\n              >\n                {`${labels.submit ?? \"Submit\"}`}\n              </HvButton>\n            ) : (\n              <HvButton\n                variant=\"secondaryGhost\"\n                className={cx(\n                  wizardActionsClasses.buttonWidth,\n                  wizardActionsClasses.buttonSpacing,\n                  css(styles.buttonWidth),\n                  css(styles.buttonSpacing),\n                  classes?.buttonWidth,\n                  classes?.buttonSpacing\n                )}\n                onClick={() => setTab((t) => t + 1)}\n                disabled={!skippable && !context?.[tab]?.valid}\n                endIcon={<Forwards />}\n              >\n                {`${labels.next ?? \"Next\"}`}\n              </HvButton>\n            )}\n          </HvGrid>\n        </HvDialogActions>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvWizardActions","classes","handleClose","handleSubmit","loading","skippable","labels","cancel","next","previous","skip","submit","context","setContext","tab","setTab","useContext","HvWizardContext","pages","setPages","useState","canSubmit","setCanSubmit","useEffect","contextEntries","Object","entries","length","validWizard","every","value","valid","lastPage","isLastPage","handleSkip","useCallback","c","reduce","acc","key","child","handleSubmitInternal","ClassNames","children","css","cx","HvDialogActions","className","wizardActionsClasses","actionsContainer","styles","_jsxs","HvGrid","_jsx","HvButton","variant","onClick","buttonWidth","disabled","buttonsContainer","t","startIcon","Backwards","buttonSpacing","endIcon","Forwards"],"mappings":"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"}
+{"version":3,"file":"WizardActions.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useState } from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n  HvDialogActions,\n  HvGrid,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvWizardContext, HvWizardTabs } from \"..\";\nimport { staticClasses, useClasses } from \"./WizardActions.styles\";\n\nexport { staticClasses as wizardActionsClasses };\n\nexport type HvWizardActionsClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardActionsProps extends HvBaseProps {\n  /** Function to handle the cancel button. */\n  handleClose: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** Function to handle the submit button. Also sends the current context state. */\n  handleSubmit: (context: any) => void;\n  /** An object containing all the labels for the wizard actions component. */\n  labels?: {\n    /** Cancel button label. */\n    cancel?: string;\n    /** Skip button label. */\n    skip?: string;\n    /** Previous button label. */\n    previous?: string;\n    /** Next button label. */\n    next?: string;\n    /** Submit button label. */\n    submit?: string;\n  };\n  /** Whether the submit button is disabled. */\n  loading?: boolean;\n  /** Enables the skip button. */\n  skippable?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardActionsClasses;\n}\n\nexport const HvWizardActions = ({\n  classes: classesProp,\n  handleClose,\n  handleSubmit,\n  loading = false,\n  skippable = false,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n  },\n}: HvWizardActionsProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { context, setContext, tab, setTab } = useContext(HvWizardContext);\n  const [pages, setPages] = useState(0);\n  const [canSubmit, setCanSubmit] = useState(false);\n\n  useEffect(() => {\n    const contextEntries = Object.entries(context);\n    if (contextEntries.length) {\n      setPages(contextEntries.length);\n\n      const validWizard = Object.entries(context).every(\n        ([, value]) => value?.valid\n      );\n      if (validWizard !== canSubmit) {\n        setCanSubmit(validWizard);\n      }\n    }\n  }, [context, canSubmit, setCanSubmit, setPages]);\n\n  const lastPage = pages - 1;\n  const isLastPage = tab >= lastPage;\n\n  const handleSkip = useCallback(() => {\n    setContext((c) =>\n      Object.entries(c).reduce(\n        (acc, [key, child]) => ({\n          ...acc,\n          [+key]: {\n            ...child,\n            valid: child?.valid !== false,\n          },\n        }),\n        {} as HvWizardTabs\n      )\n    );\n    setTab(lastPage);\n  }, [setTab, lastPage, setContext]);\n\n  const handleSubmitInternal = useCallback(\n    () => handleSubmit(context),\n    [handleSubmit, context]\n  );\n\n  return (\n    <HvDialogActions className={classes.actionsContainer}>\n      <HvGrid>\n        <HvButton\n          variant=\"secondaryGhost\"\n          onClick={handleClose}\n          className={classes.buttonWidth}\n        >\n          {`${labels.cancel ?? \"Cancel\"}`}\n        </HvButton>\n        {skippable && (\n          <HvButton\n            variant=\"secondaryGhost\"\n            disabled={isLastPage}\n            className={classes.buttonWidth}\n            onClick={handleSkip}\n          >\n            {`${labels.skip ?? \"Skip\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n      <HvGrid className={classes.buttonsContainer}>\n        <HvButton\n          variant=\"secondaryGhost\"\n          className={classes.buttonWidth}\n          disabled={tab <= 0}\n          onClick={() => setTab((t) => t - 1)}\n          startIcon={<Backwards />}\n        >\n          {`${labels.previous ?? \"Previous\"}`}\n        </HvButton>\n        {isLastPage ? (\n          <HvButton\n            variant=\"primary\"\n            className={classes.buttonWidth}\n            disabled={loading || !canSubmit}\n            onClick={handleSubmitInternal}\n          >\n            {`${labels.submit ?? \"Submit\"}`}\n          </HvButton>\n        ) : (\n          <HvButton\n            variant=\"secondaryGhost\"\n            className={cx(classes.buttonWidth, classes.buttonSpacing)}\n            onClick={() => setTab((t) => t + 1)}\n            disabled={!skippable && !context?.[tab]?.valid}\n            endIcon={<Forwards />}\n          >\n            {`${labels.next ?? \"Next\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n    </HvDialogActions>\n  );\n};\n"],"names":["HvWizardActions","classes","classesProp","handleClose","handleSubmit","loading","skippable","labels","cancel","next","previous","skip","submit","cx","useClasses","context","setContext","tab","setTab","useContext","HvWizardContext","pages","setPages","useState","canSubmit","setCanSubmit","useEffect","contextEntries","Object","entries","length","validWizard","every","value","valid","lastPage","isLastPage","handleSkip","useCallback","c","reduce","acc","key","child","handleSubmitInternal","HvDialogActions","className","actionsContainer","children","_jsxs","HvGrid","_jsx","HvButton","variant","onClick","buttonWidth","disabled","buttonsContainer","t","startIcon","Backwards","buttonSpacing","endIcon","Forwards"],"mappings":"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"}

package/dist/esm/components/Wizard/WizardActions/WizardActions.styles.js

@@ -1,5 +1,9 @@
 import { theme } from "@hitachivantara/uikit-styles";
-const styles = {
+import { createClasses } from "@hitachivantara/uikit-react-core";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvWizardActions", {
   buttonWidth: {
     width: 120,
     "& span": {
@@ -21,8 +25,9 @@ const styles = {
   buttonSpacing: {
     paddingLeft: 28
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=WizardActions.styles.js.map

package/dist/esm/components/Wizard/WizardActions/WizardActions.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardActions.styles.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvWizardActionsClasses } from \"./wizardActionsClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvWizardActionsClasses, CSSInterpolation>\n> = {\n  buttonWidth: {\n    width: 120,\n    \"& span\": {\n      whiteSpace: \"normal\",\n      lineHeight: theme.lineHeights.sm,\n    },\n  },\n  actionsContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n  buttonsContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    \"& > button:last-child\": {\n      marginLeft: 20,\n    },\n  },\n  buttonSpacing: {\n    paddingLeft: 28,\n  },\n};\n"],"names":["styles","buttonWidth","width","whiteSpace","lineHeight","theme","lineHeights","sm","actionsContainer","display","justifyContent","buttonsContainer","alignItems","marginLeft","buttonSpacing","paddingLeft"],"mappings":";AAIO,MAAMA,SAET;AAAA,EACFC,aAAa;AAAA,IACXC,OAAO;AAAA,IACP,UAAU;AAAA,MACRC,YAAY;AAAA,MACZC,YAAYC,MAAMC,YAAYC;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,EAClB;AAAA,EACAC,kBAAkB;AAAA,IAChBF,SAAS;AAAA,IACTG,YAAY;AAAA,IACZ,yBAAyB;AAAA,MACvBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,aAAa;AAAA,EACf;AACF;"}
+{"version":3,"file":"WizardActions.styles.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizardActions\", {\n  buttonWidth: {\n    width: 120,\n    \"& span\": {\n      whiteSpace: \"normal\",\n      lineHeight: theme.lineHeights.sm,\n    },\n  },\n  actionsContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n  buttonsContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    \"& > button:last-child\": {\n      marginLeft: 20,\n    },\n  },\n  buttonSpacing: {\n    paddingLeft: 28,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","buttonWidth","width","whiteSpace","lineHeight","theme","lineHeights","sm","actionsContainer","display","justifyContent","buttonsContainer","alignItems","marginLeft","buttonSpacing","paddingLeft"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,mBAAmB;AAAA,EAC5EC,aAAa;AAAA,IACXC,OAAO;AAAA,IACP,UAAU;AAAA,MACRC,YAAY;AAAA,MACZC,YAAYC,MAAMC,YAAYC;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,EAClB;AAAA,EACAC,kBAAkB;AAAA,IAChBF,SAAS;AAAA,IACTG,YAAY;AAAA,IACZ,yBAAyB;AAAA,MACvBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,aAAa;AAAA,EACf;AACF,CAAC;"}

package/dist/esm/components/Wizard/WizardContainer/WizardContainer.js

@@ -1,35 +1,33 @@
-import { ClassNames } from "@emotion/react";
 import { HvDialog } from "@hitachivantara/uikit-react-core";
-import wizardContainerClasses from "./wizardContainerClasses.js";
-import { styles } from "./WizardContainer.styles.js";
+import { useClasses } from "./WizardContainer.styles.js";
+import { staticClasses } from "./WizardContainer.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 const HvWizardContainer = ({
-  classes,
+  classes: classesProp,
   className,
   children,
   handleClose,
   open,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsx(HvDialog, {
-      classes: {
-        closeButton: cx(wizardContainerClasses.closeButton, css(styles.closeButton), classes == null ? void 0 : classes.closeButton),
-        paper: cx(wizardContainerClasses.paper, css(styles.paper), classes == null ? void 0 : classes.paper)
-      },
-      className: cx(wizardContainerClasses.root, className, classes == null ? void 0 : classes.root),
-      open,
-      onClose: handleClose,
-      maxWidth: "lg",
-      ...others,
-      children
-    })
+  const {
+    classes
+  } = useClasses(classesProp);
+  return /* @__PURE__ */ jsx(HvDialog, {
+    classes: {
+      closeButton: classes.closeButton,
+      paper: classes.paper
+    },
+    className: classes.root,
+    open,
+    onClose: handleClose,
+    maxWidth: "lg",
+    ...others,
+    children
   });
 };
 export {
-  HvWizardContainer
+  HvWizardContainer,
+  staticClasses as wizardContainerClasses
 };
 //# sourceMappingURL=WizardContainer.js.map

package/dist/esm/components/Wizard/WizardContainer/WizardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.js","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport {\n  HvBaseProps,\n  HvDialog,\n  HvDialogProps,\n} from \"@hitachivantara/uikit-react-core\";\nimport wizardContainerClasses, {\n  HvWizardContainerClasses,\n} from \"./wizardContainerClasses\";\nimport { styles } from \"./WizardContainer.styles\";\n\nexport interface HvWizardContainerProps\n  extends Omit<HvBaseProps, \"onClose\">,\n    Pick<HvDialogProps, \"maxWidth\" | \"fullWidth\"> {\n  /** Current state of the Wizard. */\n  open: boolean;\n  /** Function executed on close. */\n  handleClose: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardContainerClasses;\n}\n\nexport const HvWizardContainer = ({\n  classes,\n  className,\n  children,\n  handleClose,\n  open,\n  ...others\n}: HvWizardContainerProps) => {\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <HvDialog\n          classes={{\n            closeButton: cx(\n              wizardContainerClasses.closeButton,\n              css(styles.closeButton),\n              classes?.closeButton\n            ),\n            paper: cx(\n              wizardContainerClasses.paper,\n              css(styles.paper),\n              classes?.paper\n            ),\n          }}\n          className={cx(wizardContainerClasses.root, className, classes?.root)}\n          open={open}\n          onClose={handleClose}\n          maxWidth=\"lg\"\n          {...others}\n        >\n          {children}\n        </HvDialog>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvWizardContainer","classes","className","children","handleClose","open","others","ClassNames","css","cx","HvDialog","closeButton","wizardContainerClasses","styles","paper","root","onClose","maxWidth"],"mappings":";;;;;AA0BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,6BACGC,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,MAAKC;AAAAA,IAAAA,0BACNC,UAAQ;AAAA,MACPT,SAAS;AAAA,QACPU,aAAaF,GACXG,uBAAuBD,aACvBH,IAAIK,OAAOF,WAAW,GACtBV,mCAASU,WACX;AAAA,QACAG,OAAOL,GACLG,uBAAuBE,OACvBN,IAAIK,OAAOC,KAAK,GAChBb,mCAASa,KACX;AAAA,MACF;AAAA,MACAZ,WAAWO,GAAGG,uBAAuBG,MAAMb,WAAWD,mCAASc,IAAI;AAAA,MACnEV;AAAAA,MACAW,SAASZ;AAAAA,MACTa,UAAS;AAAA,MAAI,GACTX;AAAAA,MAAMH;AAAAA,IAAAA,CAGF;AAAA,EAAA,CAEF;AAEhB;"}
+{"version":3,"file":"WizardContainer.js","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvDialog,\n  HvDialogProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./WizardContainer.styles\";\n\nexport { staticClasses as wizardContainerClasses };\n\nexport type HvWizardContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardContainerProps\n  extends Omit<HvBaseProps, \"onClose\">,\n    Pick<HvDialogProps, \"maxWidth\" | \"fullWidth\"> {\n  /** Current state of the Wizard. */\n  open: boolean;\n  /** Function executed on close. */\n  handleClose: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardContainerClasses;\n}\n\nexport const HvWizardContainer = ({\n  classes: classesProp,\n  className,\n  children,\n  handleClose,\n  open,\n  ...others\n}: HvWizardContainerProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvDialog\n      classes={{\n        closeButton: classes.closeButton,\n        paper: classes.paper,\n      }}\n      className={classes.root}\n      open={open}\n      onClose={handleClose}\n      maxWidth=\"lg\"\n      {...others}\n    >\n      {children}\n    </HvDialog>\n  );\n};\n"],"names":["HvWizardContainer","classes","classesProp","className","children","handleClose","open","others","useClasses","HvDialog","closeButton","paper","root","onClose","maxWidth"],"mappings":";;;;AA6BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AACtB,QAAA;AAAA,IAAEN;AAAAA,EAAAA,IAAYO,WAAWN,WAAW;AAE1C,6BACGO,UAAQ;AAAA,IACPR,SAAS;AAAA,MACPS,aAAaT,QAAQS;AAAAA,MACrBC,OAAOV,QAAQU;AAAAA,IACjB;AAAA,IACAR,WAAWF,QAAQW;AAAAA,IACnBN;AAAAA,IACAO,SAASR;AAAAA,IACTS,UAAS;AAAA,IAAI,GACTP;AAAAA,IAAMH;AAAAA,EAAAA,CAGF;AAEd;"}

package/dist/esm/components/Wizard/WizardContainer/WizardContainer.styles.js

@@ -1,5 +1,10 @@
 import { theme } from "@hitachivantara/uikit-styles";
-const styles = {
+import { createClasses } from "@hitachivantara/uikit-react-core";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvWizardContainer", {
+  root: {},
   paper: {
     width: "80%",
     maxWidth: "80%",
@@ -8,8 +13,9 @@ const styles = {
   closeButton: {
     display: "none"
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=WizardContainer.styles.js.map

package/dist/esm/components/Wizard/WizardContainer/WizardContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.styles.js","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvWizardContainerClasses } from \"./wizardContainerClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvWizardContainerClasses, CSSInterpolation>\n> = {\n  paper: {\n    width: \"80%\",\n    maxWidth: \"80%\",\n    maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,\n  },\n  closeButton: {\n    display: \"none\",\n  },\n};\n"],"names":["styles","paper","width","maxWidth","maxHeight","theme","dialog","margin","closeButton","display"],"mappings":";AAIO,MAAMA,SAET;AAAA,EACFC,OAAO;AAAA,IACLC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,WAAY,oBAAmBC,MAAMC,OAAOC;AAAAA,EAC9C;AAAA,EACAC,aAAa;AAAA,IACXC,SAAS;AAAA,EACX;AACF;"}
+{"version":3,"file":"WizardContainer.styles.js","sources":["../../../../../src/components/Wizard/WizardContainer/WizardContainer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvWizardContainer\",\n  {\n    root: {},\n    paper: {\n      width: \"80%\",\n      maxWidth: \"80%\",\n      maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,\n    },\n    closeButton: {\n      display: \"none\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","paper","width","maxWidth","maxHeight","theme","dialog","margin","closeButton","display"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,qBACA;AAAA,EACEC,MAAM,CAAC;AAAA,EACPC,OAAO;AAAA,IACLC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,WAAY,oBAAmBC,MAAMC,OAAOC;AAAAA,EAC9C;AAAA,EACAC,aAAa;AAAA,IACXC,SAAS;AAAA,EACX;AACF,CACF;"}

package/dist/esm/components/Wizard/WizardContent/LoadingContainer.js

@@ -1,41 +1,40 @@
 import { HvLoading } from "@hitachivantara/uikit-react-core";
-import { ClassNames } from "@emotion/react";
-import { styles } from "./LoadingContainer.styles.js";
-import wizardLoadingContainerClasses from "./loadingContainerClasses.js";
-import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+import { useClasses } from "./LoadingContainer.styles.js";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 const LoadingContainer = ({
   children,
   hidden,
-  classes,
+  classes: classesProp,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx("div", {
-        style: {
-          top: 0,
-          left: 0,
-          height: "100%",
-          width: "100%"
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx("div", {
+      style: {
+        top: 0,
+        left: 0,
+        height: "100%",
+        width: "100%"
+      },
+      className: cx(classes.overlay, {
+        [classes.blur]: !hidden
+      }),
+      children: /* @__PURE__ */ jsx(HvLoading, {
+        classes: {
+          root: classes.loading
         },
-        className: cx(wizardLoadingContainerClasses.overlay, !hidden && wizardLoadingContainerClasses.blur, css(styles.overlay), !hidden && css(styles.blur), classes == null ? void 0 : classes.overlay, !hidden && (classes == null ? void 0 : classes.blur)),
-        children: /* @__PURE__ */ jsx(HvLoading, {
-          classes: {
-            root: cx(wizardLoadingContainerClasses.loading, css(styles.loading), classes == null ? void 0 : classes.loading)
-          },
-          hidden,
-          ...others
-        })
-      }), /* @__PURE__ */ jsx("div", {
-        style: {
-          display: "flow-root"
-        },
-        children
-      })]
-    })
+        hidden,
+        ...others
+      })
+    }), /* @__PURE__ */ jsx("div", {
+      style: {
+        display: "flow-root"
+      },
+      children
+    })]
   });
 };
 export {

package/dist/esm/components/Wizard/WizardContent/LoadingContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingContainer.js","sources":["../../../../../src/components/Wizard/WizardContent/LoadingContainer.tsx"],"sourcesContent":["import { HvLoading, HvLoadingProps } from \"@hitachivantara/uikit-react-core\";\nimport { ClassNames } from \"@emotion/react\";\nimport { styles } from \"./LoadingContainer.styles\";\nimport wizardLoadingContainerClasses, {\n  HvWizardLoadingContainerClasses,\n} from \"./loadingContainerClasses\";\n\ninterface LoadingContainerProps extends Omit<HvLoadingProps, \"classes\"> {\n  classes?: HvWizardLoadingContainerClasses;\n}\n\nexport const LoadingContainer = ({\n  children,\n  hidden,\n  classes,\n  ...others\n}: LoadingContainerProps) => {\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <>\n          <div\n            style={{\n              top: 0,\n              left: 0,\n              height: \"100%\",\n              width: \"100%\",\n            }}\n            className={cx(\n              wizardLoadingContainerClasses.overlay,\n              !hidden && wizardLoadingContainerClasses.blur,\n              css(styles.overlay),\n              !hidden && css(styles.blur),\n              classes?.overlay,\n              !hidden && classes?.blur\n            )}\n          >\n            <HvLoading\n              classes={{\n                root: cx(\n                  wizardLoadingContainerClasses.loading,\n                  css(styles.loading),\n                  classes?.loading\n                ),\n              }}\n              hidden={hidden}\n              {...others}\n            />\n          </div>\n          <div style={{ display: \"flow-root\" }}>{children}</div>\n        </>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["LoadingContainer","children","hidden","classes","others","ClassNames","css","cx","_Fragment","_jsx","style","top","left","height","width","className","wizardLoadingContainerClasses","overlay","blur","styles","HvLoading","root","loading","display"],"mappings":";;;;;AAWO,MAAMA,mBAAmBA,CAAC;AAAA,EAC/BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACkB,MAAM;AAC3B,6BACGC,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,MAAKC;AAAAA,IAAAA,2BACPC,UAAA;AAAA,MAAAP,WACEQ,oBAAA,OAAA;AAAA,QACEC,OAAO;AAAA,UACLC,KAAK;AAAA,UACLC,MAAM;AAAA,UACNC,QAAQ;AAAA,UACRC,OAAO;AAAA,QACT;AAAA,QACAC,WAAWR,GACTS,8BAA8BC,SAC9B,CAACf,UAAUc,8BAA8BE,MACzCZ,IAAIa,OAAOF,OAAO,GAClB,CAACf,UAAUI,IAAIa,OAAOD,IAAI,GAC1Bf,mCAASc,SACT,CAACf,WAAUC,mCAASe,KACtB;AAAA,QAAEjB,8BAEDmB,WAAS;AAAA,UACRjB,SAAS;AAAA,YACPkB,MAAMd,GACJS,8BAA8BM,SAC9BhB,IAAIa,OAAOG,OAAO,GAClBnB,mCAASmB,OACX;AAAA,UACF;AAAA,UACApB;AAAAA,UAAe,GACXE;AAAAA,QAAAA,CACL;AAAA,MAAA,CACE,GACLK,oBAAA,OAAA;AAAA,QAAKC,OAAO;AAAA,UAAEa,SAAS;AAAA,QAAY;AAAA,QAAEtB;AAAAA,MAAAA,CAAgB,CAAC;AAAA,IAAA,CACtD;AAAA,EAAA,CAEM;AAEhB;"}
+{"version":3,"file":"LoadingContainer.js","sources":["../../../../../src/components/Wizard/WizardContent/LoadingContainer.tsx"],"sourcesContent":["import {\n  HvLoading,\n  HvLoadingProps,\n  ExtractNames,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { useClasses } from \"./LoadingContainer.styles\";\n\ntype HvWizardLoadingContainerClasses = ExtractNames<typeof useClasses>;\n\ninterface LoadingContainerProps extends Omit<HvLoadingProps, \"classes\"> {\n  classes?: HvWizardLoadingContainerClasses;\n}\n\nexport const LoadingContainer = ({\n  children,\n  hidden,\n  classes: classesProp,\n  ...others\n}: LoadingContainerProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <>\n      <div\n        style={{\n          top: 0,\n          left: 0,\n          height: \"100%\",\n          width: \"100%\",\n        }}\n        className={cx(classes.overlay, { [classes.blur]: !hidden })}\n      >\n        <HvLoading\n          classes={{\n            root: classes.loading,\n          }}\n          hidden={hidden}\n          {...others}\n        />\n      </div>\n      <div style={{ display: \"flow-root\" }}>{children}</div>\n    </>\n  );\n};\n"],"names":["LoadingContainer","children","hidden","classes","classesProp","others","cx","useClasses","_Fragment","_jsx","style","top","left","height","width","className","overlay","blur","HvLoading","root","loading","display"],"mappings":";;;AAcO,MAAMA,mBAAmBA,CAAC;AAAA,EAC/BC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACT,GAAGC;AACkB,MAAM;AACrB,QAAA;AAAA,IAAEF;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,WAAWH,WAAW;AAE9C,8BACEI,UAAA;AAAA,IAAAP,WACEQ,oBAAA,OAAA;AAAA,MACEC,OAAO;AAAA,QACLC,KAAK;AAAA,QACLC,MAAM;AAAA,QACNC,QAAQ;AAAA,QACRC,OAAO;AAAA,MACT;AAAA,MACAC,WAAWT,GAAGH,QAAQa,SAAS;AAAA,QAAE,CAACb,QAAQc,IAAI,GAAG,CAACf;AAAAA,MAAAA,CAAQ;AAAA,MAAED,8BAE3DiB,WAAS;AAAA,QACRf,SAAS;AAAA,UACPgB,MAAMhB,QAAQiB;AAAAA,QAChB;AAAA,QACAlB;AAAAA,QAAe,GACXG;AAAAA,MAAAA,CACL;AAAA,IAAA,CACE,GACLI,oBAAA,OAAA;AAAA,MAAKC,OAAO;AAAA,QAAEW,SAAS;AAAA,MAAY;AAAA,MAAEpB;AAAAA,IAAAA,CAAgB,CAAC;AAAA,EAAA,CACtD;AAEN;"}

package/dist/esm/components/Wizard/WizardContent/LoadingContainer.styles.js

@@ -1,6 +1,9 @@
-import { hexToRgbA, theme } from "@hitachivantara/uikit-react-core";
+import { createClasses, hexToRgbA, theme } from "@hitachivantara/uikit-react-core";
 import { alpha } from "@mui/material";
-const styles = {
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvWizard-LoadingContainer", {
   loading: {
     width: "100%",
     height: "100%"
@@ -14,8 +17,9 @@ const styles = {
     backgroundColor: alpha(hexToRgbA(theme.colors.atmo2), 0.8),
     zIndex: theme.zIndices.modal
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=LoadingContainer.styles.js.map

package/dist/esm/components/Wizard/WizardContent/LoadingContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingContainer.styles.js","sources":["../../../../../src/components/Wizard/WizardContent/LoadingContainer.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { hexToRgbA, theme } from \"@hitachivantara/uikit-react-core\";\nimport { alpha } from \"@mui/material\";\nimport { HvWizardLoadingContainerClasses } from \"./loadingContainerClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvWizardLoadingContainerClasses, CSSInterpolation>\n> = {\n  loading: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  overlay: {\n    position: \"absolute\",\n    transition: \"background-Color .2s ease\",\n    zIndex: -1,\n  },\n  blur: {\n    backgroundColor: alpha(hexToRgbA(theme.colors.atmo2), 0.8),\n    zIndex: theme.zIndices.modal,\n  },\n};\n"],"names":["styles","loading","width","height","overlay","position","transition","zIndex","blur","backgroundColor","alpha","hexToRgbA","theme","colors","atmo2","zIndices","modal"],"mappings":";;AAKO,MAAMA,SAET;AAAA,EACFC,SAAS;AAAA,IACPC,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AAAA,EACAC,SAAS;AAAA,IACPC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,QAAQ;AAAA,EACV;AAAA,EACAC,MAAM;AAAA,IACJC,iBAAiBC,MAAMC,UAAUC,MAAMC,OAAOC,KAAK,GAAG,GAAG;AAAA,IACzDP,QAAQK,MAAMG,SAASC;AAAAA,EACzB;AACF;"}
+{"version":3,"file":"LoadingContainer.styles.js","sources":["../../../../../src/components/Wizard/WizardContent/LoadingContainer.styles.tsx"],"sourcesContent":["import {\n  createClasses,\n  hexToRgbA,\n  theme,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { alpha } from \"@mui/material\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvWizard-LoadingContainer\",\n  {\n    loading: {\n      width: \"100%\",\n      height: \"100%\",\n    },\n    overlay: {\n      position: \"absolute\",\n      transition: \"background-Color .2s ease\",\n      zIndex: -1,\n    },\n    blur: {\n      backgroundColor: alpha(hexToRgbA(theme.colors.atmo2), 0.8),\n      zIndex: theme.zIndices.modal,\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","loading","width","height","overlay","position","transition","zIndex","blur","backgroundColor","alpha","hexToRgbA","theme","colors","atmo2","zIndices","modal"],"mappings":";;AAQa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,6BACA;AAAA,EACEC,SAAS;AAAA,IACPC,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AAAA,EACAC,SAAS;AAAA,IACPC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,QAAQ;AAAA,EACV;AAAA,EACAC,MAAM;AAAA,IACJC,iBAAiBC,MAAMC,UAAUC,MAAMC,OAAOC,KAAK,GAAG,GAAG;AAAA,IACzDP,QAAQK,MAAMG,SAASC;AAAAA,EACzB;AACF,CACF;"}