@hitachivantara/uikit-react-core 5.39.3 → 5.39.4

package/dist/cjs/components/Snackbar/SnackbarContent/SnackbarContent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarContent.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContent/SnackbarContent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\n\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { iconVariant } from \"@core/utils/iconVariant\";\nimport {\n  HvActionsGeneric,\n  HvActionGeneric,\n} from \"@core/components/ActionsGeneric\";\nimport { HvButtonVariant } from \"@core/components/Button\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport { useDefaultProps } from \"@core/hooks\";\n\nimport { staticClasses, useClasses } from \"./SnackbarContent.styles\";\nimport { HvSnackbarVariant } from \"../types\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\"> {\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarContentClasses;\n}\n\nexport const HvSnackbarContent = forwardRef<\n  HTMLDivElement,\n  HvSnackbarContentProps\n>((props: HvSnackbarContentProps, ref) => {\n  const {\n    className,\n    id,\n    classes: classesProp,\n    label,\n    variant = \"default\",\n    showIcon,\n    customIcon,\n    action,\n    actionCallback,\n    ...others\n  } = useDefaultProps(\"HvSnackbarContent\", props);\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n  const innerAction: any = isValidElement(action) ? action : [action];\n\n  const { classes, cx } = useClasses(classesProp);\n  const { activeTheme } = useTheme();\n\n  return (\n    <SnackbarContent\n      ref={ref}\n      id={id}\n      classes={{\n        root: classes.root,\n        message: classes.message,\n      }}\n      className={cx(classes?.[variant], className)}\n      message={\n        <div id={setId(id, \"message\")} className={classes.messageSpan}>\n          {icon && <div className={classes.iconVariant}>{icon}</div>}\n          <div className={classes.messageText}>{label}</div>\n          {action && (\n            <div id={setId(id, \"action\")} className={classes.action}>\n              <HvActionsGeneric\n                id={id}\n                category={\n                  activeTheme?.snackbar.actionButtonVariant as HvButtonVariant\n                }\n                actions={innerAction}\n                actionsCallback={actionCallback}\n              />\n            </div>\n          )}\n        </div>\n      }\n      {...others}\n    />\n  );\n});\n"],"names":["forwardRef","useDefaultProps","iconVariant","isValidElement","useClasses","useTheme","jsx","SnackbarContent","jsxs","setId","HvActionsGeneric"],"mappings":";;;;;;;;;;;;;AA+CO,MAAM,oBAAoBA,MAAA,WAG/B,CAAC,OAA+B,QAAQ;AAClC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACDC,gBAAgB,gBAAA,qBAAqB,KAAK;AAE9C,QAAM,OAAO,cAAe,YAAYC,YAAAA,YAAY,SAAS,WAAW;AACxE,QAAM,cAAmBC,MAAAA,eAAe,MAAM,IAAI,SAAS,CAAC,MAAM;AAElE,QAAM,EAAE,SAAS,GAAG,IAAIC,kCAAW,WAAW;AACxC,QAAA,EAAE,gBAAgBC,SAAAA;AAGtB,SAAAC,2BAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,SAAS,QAAQ;AAAA,MACnB;AAAA,MACA,WAAW,GAAG,UAAU,OAAO,GAAG,SAAS;AAAA,MAC3C,SACGC,2BAAA,KAAA,OAAA,EAAI,IAAIC,MAAA,MAAM,IAAI,SAAS,GAAG,WAAW,QAAQ,aAC/C,UAAA;AAAA,QAAA,QAASH,2BAAAA,IAAA,OAAA,EAAI,WAAW,QAAQ,aAAc,UAAK,MAAA;AAAA,QACnDA,2BAAA,IAAA,OAAA,EAAI,WAAW,QAAQ,aAAc,UAAM,OAAA;AAAA,QAC3C,UACEA,2BAAAA,IAAA,OAAA,EAAI,IAAIG,MAAAA,MAAM,IAAI,QAAQ,GAAG,WAAW,QAAQ,QAC/C,UAAAH,2BAAA;AAAA,UAACI,eAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UACE,aAAa,SAAS;AAAA,YAExB,SAAS;AAAA,YACT,iBAAiB;AAAA,UAAA;AAAA,QAAA,GAErB;AAAA,MAAA,GAEJ;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;;;"}

package/dist/cjs/components/Snackbar/SnackbarContent/SnackbarContent.styles.cjs

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../../utils/classes.cjs");
-const ActionsGeneric_styles = require("../../ActionsGeneric/ActionsGeneric.styles.cjs");
-require("@emotion/react/jsx-runtime");
-require("react");
-require("@hitachivantara/uikit-react-icons");
-const { useClasses, staticClasses } = classes.createClasses(
-  "HvSnackbar-Content",
-  {
-    root: {
-      width: "310px",
-      minHeight: "52px",
-      maxHeight: "92px",
-      padding: uikitStyles.theme.space.xs,
-      boxShadow: "none"
-    },
-    success: {
-      backgroundColor: uikitStyles.theme.colors.positive_20
-    },
-    error: {
-      backgroundColor: uikitStyles.theme.colors.negative_20
-    },
-    default: {
-      backgroundColor: uikitStyles.theme.colors.neutral_20
-    },
-    warning: {
-      backgroundColor: uikitStyles.theme.colors.warning_20
-    },
-    message: {
-      padding: 0,
-      width: "100%"
-    },
-    messageSpan: {
-      display: "flex",
-      alignItems: "center",
-      minHeight: "32px"
-    },
-    messageText: {
-      paddingLeft: uikitStyles.theme.space.xs,
-      color: uikitStyles.theme.colors.base_dark,
-      fontFamily: uikitStyles.theme.fontFamily.body,
-      maxHeight: "72px",
-      wordBreak: "break-word",
-      textWrap: "balance",
-      overflow: "hidden"
-    },
-    action: {
-      textAlign: "right",
-      paddingLeft: uikitStyles.theme.space.xs,
-      marginLeft: "auto",
-      [`& .${ActionsGeneric_styles.staticClasses.button}`]: {
-        borderColor: uikitStyles.theme.colors.base_dark,
-        color: uikitStyles.theme.colors.base_dark,
-        "&:hover": {
-          borderColor: uikitStyles.theme.colors.base_dark
-        }
-      }
-    },
-    iconVariant: {}
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;
-//# sourceMappingURL=SnackbarContent.styles.cjs.map

package/dist/cjs/components/Snackbar/SnackbarContent/SnackbarContent.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarContent.styles.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContent/SnackbarContent.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\nimport { actionsGenericClasses } from \"@core/components/ActionsGeneric\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvSnackbar-Content\",\n  {\n    root: {\n      width: \"310px\",\n      minHeight: \"52px\",\n      maxHeight: \"92px\",\n      padding: theme.space.xs,\n      boxShadow: \"none\",\n    },\n    success: {\n      backgroundColor: theme.colors.positive_20,\n    },\n    error: {\n      backgroundColor: theme.colors.negative_20,\n    },\n    default: {\n      backgroundColor: theme.colors.neutral_20,\n    },\n    warning: {\n      backgroundColor: theme.colors.warning_20,\n    },\n    message: {\n      padding: 0,\n      width: \"100%\",\n    },\n    messageSpan: {\n      display: \"flex\",\n      alignItems: \"center\",\n      minHeight: \"32px\",\n    },\n    messageText: {\n      paddingLeft: theme.space.xs,\n      color: theme.colors.base_dark,\n      fontFamily: theme.fontFamily.body,\n      maxHeight: \"72px\",\n      wordBreak: \"break-word\",\n      textWrap: \"balance\",\n      overflow: \"hidden\",\n    },\n    action: {\n      textAlign: \"right\",\n      paddingLeft: theme.space.xs,\n      marginLeft: \"auto\",\n      [`& .${actionsGenericClasses.button}`]: {\n        borderColor: theme.colors.base_dark,\n        color: theme.colors.base_dark,\n        \"&:hover\": {\n          borderColor: theme.colors.base_dark,\n        },\n      },\n    },\n    iconVariant: {},\n  }\n);\n"],"names":["createClasses","theme","actionsGenericClasses"],"mappings":";;;;;;;;AAKa,MAAA,EAAE,YAAY,cAAA,IAAkBA,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAASC,YAAAA,MAAM,MAAM;AAAA,MACrB,WAAW;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACP,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,OAAO;AAAA,MACL,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,MACP,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,MACP,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA,aAAa;AAAA,MACX,aAAaA,YAAAA,MAAM,MAAM;AAAA,MACzB,OAAOA,YAAAA,MAAM,OAAO;AAAA,MACpB,YAAYA,YAAAA,MAAM,WAAW;AAAA,MAC7B,WAAW;AAAA,MACX,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,aAAaA,YAAAA,MAAM,MAAM;AAAA,MACzB,YAAY;AAAA,MACZ,CAAC,MAAMC,oCAAsB,MAAM,EAAE,GAAG;AAAA,QACtC,aAAaD,YAAAA,MAAM,OAAO;AAAA,QAC1B,OAAOA,YAAAA,MAAM,OAAO;AAAA,QACpB,WAAW;AAAA,UACT,aAAaA,YAAAA,MAAM,OAAO;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,CAAC;AAAA,EAChB;AACF;;;"}

package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\n\nimport {\n  CombinedClassKey,\n  OptionsObject,\n  SnackbarContent,\n  SnackbarProvider,\n  SnackbarProviderProps,\n  useSnackbar,\n} from \"notistack\";\n\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ClassNameMap } from \"@mui/material\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvSnackbarContent, HvSnackbarContentProps } from \"../SnackbarContent\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\nimport { HvSnackbarVariant } from \"../types\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n  /** Your component tree. */\n  children: React.ReactNode;\n  /** Max visible snackbars. */\n  maxSnack?: number;\n  /** How much time the snackbar remains visible in milliseconds. */\n  autoHideDuration?: number;\n  /** Where is the snackbar placed. */\n  anchorOrigin?: SnackbarOrigin;\n  /** Class object used to override notistack classes. */\n  notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarProviderClasses;\n  className?: string;\n}\n\nexport interface HvNotistackSnackMessageProps extends OptionsObject {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Classname to apply on the root node */\n  className?: string;\n  /** Your component tree. */\n  message?: ReactNode;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Extra values to pass to the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n  HTMLDivElement,\n  HvNotistackSnackMessageProps\n>((props, ref) => {\n  const { id, message, variant = \"success\", snackbarContentProps } = props;\n  return (\n    <SnackbarContent ref={ref}>\n      <HvSnackbarContent\n        id={id}\n        variant={variant}\n        showIcon\n        label={message}\n        role=\"none\"\n        {...snackbarContentProps}\n      />\n    </SnackbarContent>\n  );\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nexport const useHvSnackbar = () => {\n  const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n    useSnackbar();\n\n  const enqueueSnackbar = useCallback(\n    (message: ReactNode, options: HvNotistackSnackMessageProps = {}) => {\n      const {\n        id,\n        variant = \"success\",\n        snackbarContentProps,\n        className,\n        ...otherOptions\n      } = options;\n\n      return enqueueNotistackSnackbar(\n        <HvNotistackSnackMessage\n          id={id}\n          message={message}\n          variant={variant}\n          snackbarContentProps={snackbarContentProps}\n        />,\n        { ...otherOptions, className }\n      );\n    },\n    [enqueueNotistackSnackbar]\n  );\n  return useMemo(\n    () => ({\n      enqueueSnackbar,\n      closeSnackbar,\n    }),\n    [enqueueSnackbar, closeSnackbar]\n  );\n};\n\nexport const HvSnackbarProvider = ({\n  children,\n  notistackClassesOverride,\n  maxSnack = 5,\n  autoHideDuration = 5000,\n  anchorOrigin = {\n    vertical: \"top\",\n    horizontal: \"right\",\n  },\n  classes: classesProp,\n  className,\n  ...others\n}: HvSnackbarProviderProps) => {\n  const { classes, css, cx } = useClasses(classesProp);\n\n  const notistackClasses: SnackbarProviderProps[\"classes\"] = {\n    containerRoot: css({\n      pointerEvents: \"all\",\n      \"& > div > div\": {\n        // Overrides notistack extra padding\n        padding: \"0 !important\",\n        transition: \"all 0s ease 0s !important\",\n      },\n    }),\n    ...notistackClassesOverride,\n  };\n\n  return (\n    <SnackbarProvider\n      classes={notistackClasses}\n      maxSnack={maxSnack}\n      autoHideDuration={autoHideDuration}\n      anchorOrigin={anchorOrigin as SnackbarOrigin}\n      className={cx(classes.snackItemRoot, className)}\n      {...others}\n    >\n      {children}\n    </SnackbarProvider>\n  );\n};\n"],"names":["forwardRef","jsx","SnackbarContent","HvSnackbarContent","useSnackbar","useCallback","useMemo","useClasses","SnackbarProvider"],"mappings":";;;;;;;AAqDA,MAAM,0BAA0BA,MAAA,WAG9B,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,IAAI,SAAS,UAAU,WAAW,qBAAyB,IAAA;AAEjE,SAAAC,2BAAA,IAACC,6BAAgB,KACf,UAAAD,2BAAA;AAAA,IAACE,gBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAK;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAER,EAAA,CAAA;AAEJ,CAAC;AAGM,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,iBAAiB,0BAA0B,kBACjDC,UAAY,YAAA;AAEd,QAAM,kBAAkBC,MAAA;AAAA,IACtB,CAAC,SAAoB,UAAwC,OAAO;AAC5D,YAAA;AAAA,QACJ;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACD,IAAA;AAEG,aAAA;AAAA,QACLJ,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,EAAE,GAAG,cAAc,UAAU;AAAA,MAAA;AAAA,IAEjC;AAAA,IACA,CAAC,wBAAwB;AAAA,EAAA;AAEpB,SAAAK,MAAA;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,iBAAiB,aAAa;AAAA,EAAA;AAEnC;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,eAAe;AAAA,IACb,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAA+B;AAC7B,QAAM,EAAE,SAAS,KAAK,GAAG,IAAIC,wBAAAA,WAAW,WAAW;AAEnD,QAAM,mBAAqD;AAAA,IACzD,eAAe,IAAI;AAAA,MACjB,eAAe;AAAA,MACf,iBAAiB;AAAA;AAAA,QAEf,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IAAA,CACD;AAAA,IACD,GAAG;AAAA,EAAA;AAIH,SAAAN,2BAAA;AAAA,IAACO,UAAA;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,QAAQ,eAAe,SAAS;AAAA,MAC7C,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;;;"}

package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.styles.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../../../utils/classes.cjs");
-const { useClasses, staticClasses } = classes.createClasses(
-  "HvSnackbarProvider",
-  {
-    snackItemRoot: {
-      backgroundColor: "transparent !important",
-      boxShadow: "none !important",
-      "&&": {
-        color: "inherit",
-        padding: "0",
-        fontSize: "inherit",
-        boxShadow: "none",
-        alignItems: "center",
-        fontFamily: "inherit",
-        fontWeight: "inherit",
-        lineHeight: "inherit",
-        borderRadius: "0",
-        letterSpacing: "inherit",
-        backgroundColor: "inherit"
-      }
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;
-//# sourceMappingURL=SnackbarProvider.styles.cjs.map

package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarProvider.styles.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvSnackbarProvider\",\n  {\n    snackItemRoot: {\n      backgroundColor: \"transparent !important\",\n      boxShadow: \"none !important\",\n      \"&&\": {\n        color: \"inherit\",\n        padding: \"0\",\n        fontSize: \"inherit\",\n        boxShadow: \"none\",\n        alignItems: \"center\",\n        fontFamily: \"inherit\",\n        fontWeight: \"inherit\",\n        lineHeight: \"inherit\",\n        borderRadius: \"0\",\n        letterSpacing: \"inherit\",\n        backgroundColor: \"inherit\",\n      },\n    },\n  }\n);\n"],"names":["createClasses"],"mappings":";;;AAEa,MAAA,EAAE,YAAY,cAAA,IAAkBA,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,eAAe;AAAA,QACf,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;;;"}

package/dist/cjs/components/Stack/Stack.cjs

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const React = require("react");
-const styles = require("@mui/material/styles");
-const MuiDivider = require("@mui/material/Divider");
-const isString = require("lodash/isString");
-const isBoolean = require("lodash/isBoolean");
-const useWidth = require("../../hooks/useWidth.cjs");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
-const Stack_styles = require("./Stack.styles.cjs");
-const Focus = require("../Focus/Focus.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const React__default = /* @__PURE__ */ _interopDefault(React);
-const MuiDivider__default = /* @__PURE__ */ _interopDefault(MuiDivider);
-const isString__default = /* @__PURE__ */ _interopDefault(isString);
-const isBoolean__default = /* @__PURE__ */ _interopDefault(isBoolean);
-const getDirection = (direction, width, breakpoints) => {
-  if (isString__default.default(direction))
-    return direction;
-  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {
-    if (direction[breakpoints[i]] !== void 0) {
-      return direction[breakpoints[i]];
-    }
-  }
-  return "column";
-};
-const HvStack = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    direction = "column",
-    spacing = "sm",
-    divider = false,
-    withNavigation = false,
-    dividerProps = {},
-    ...others
-  } = useDefaultProps.useDefaultProps("HvStack", props);
-  const { classes, cx } = Stack_styles.useClasses(classesProp);
-  const width = useWidth.useWidth();
-  const containerRef = React.useRef(null);
-  const { breakpoints } = styles.useTheme();
-  const processedDirection = React.useMemo(
-    () => getDirection(direction, width, breakpoints.keys),
-    [direction, width, breakpoints]
-  );
-  const getDividerComponent = React.useCallback(() => {
-    if (isBoolean__default.default(divider) && divider) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        MuiDivider__default.default,
-        {
-          orientation: processedDirection === "column" ? "horizontal" : "vertical",
-          flexItem: processedDirection === "row",
-          role: "separator",
-          ...dividerProps
-        }
-      );
-    }
-    return divider;
-  }, [divider, dividerProps, processedDirection]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: containerRef,
-      className: cx(
-        classes.root,
-        classes[processedDirection],
-        classes[spacing],
-        className
-      ),
-      ...others,
-      children: React__default.default.Children.map(children, (child, i) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          divider && i !== 0 && getDividerComponent(),
-          withNavigation ? /* @__PURE__ */ jsxRuntime.jsx(
-            Focus.HvFocus,
-            {
-              rootRef: containerRef,
-              focusDisabled: false,
-              strategy: "grid",
-              navigationJump: processedDirection === "column" ? 1 : React__default.default.Children.count(children) || 0,
-              filterClass: "child",
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "child", children: child })
-            }
-          ) : child
-        ] });
-      })
-    }
-  );
-};
-exports.stackClasses = Stack_styles.staticClasses;
-exports.HvStack = HvStack;
-//# sourceMappingURL=Stack.cjs.map

package/dist/cjs/components/Stack/Stack.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.cjs","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\n\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n  DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\n\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\n\nimport { HvBreakpoints } from \"@hitachivantara/uikit-styles\";\n\nimport { useWidth } from \"@core/hooks/useWidth\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvFocus } from \"@core/components/Focus\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useClasses, staticClasses } from \"./Stack.styles\";\n\nexport { staticClasses as stackClasses };\n\nexport type HvStackClasses = ExtractNames<typeof useClasses>;\n\nexport type HvStackDirection = \"column\" | \"row\" | Partial<HvStackBreakpoints>;\nexport interface HvStackBreakpoints extends Record<HvBreakpoints, string> {}\n\nexport interface HvStackProps extends HvBaseProps {\n  /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n  direction?: HvStackDirection;\n  /** The spacing between elements of the stack. */\n  spacing?: HvBreakpoints;\n  /** The divider component to be used between the stack elements.\n   * - If `true` the Material-UI Divider component will be used.\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider?: boolean | React.ReactNode;\n  /** The properties to pass on to the Material-UI component. */\n  dividerProps?: MuiDividerProps;\n  /** Sets whether or not there should be arrow navigation between the stack elements. */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvStackClasses;\n}\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = (props: HvStackProps) => {\n  const {\n    classes: classesProp,\n    className,\n    children,\n    direction = \"column\",\n    spacing = \"sm\",\n    divider = false,\n    withNavigation = false,\n    dividerProps = {},\n    ...others\n  } = useDefaultProps(\"HvStack\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const width = useWidth();\n  const containerRef = useRef(null);\n  const { breakpoints } = useTheme();\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints.keys),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <MuiDivider\n          orientation={\n            processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n          }\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx(\n        classes.root,\n        classes[processedDirection],\n        classes[spacing],\n        className\n      )}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent()}\n            {withNavigation ? (\n              <HvFocus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={\n                  processedDirection === \"column\"\n                    ? 1\n                    : React.Children.count(children) || 0\n                }\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </HvFocus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["isString","useDefaultProps","useClasses","useWidth","useRef","useTheme","useMemo","useCallback","isBoolean","jsx","MuiDivider","jsxs","Fragment","HvFocus","React"],"mappings":";;;;;;;;;;;;;;;;;AAoDA,MAAM,eAAe,CAAC,WAAW,OAAO,gBAAgB;AACtD,MAAIA,kBAAAA,QAAS,SAAS;AAAU,WAAA;AAEvB,WAAA,IAAI,YAAY,QAAQ,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG;AACvD,QAAI,UAAU,YAAY,CAAC,CAAC,MAAM,QAAW;AACpC,aAAA,UAAU,YAAY,CAAC,CAAC;AAAA,IACjC;AAAA,EACF;AACO,SAAA;AACT;AAOa,MAAA,UAAU,CAAC,UAAwB;AACxC,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe,CAAC;AAAA,IAChB,GAAG;AAAA,EAAA,IACDC,gBAAgB,gBAAA,WAAW,KAAK;AACpC,QAAM,EAAE,SAAS,GAAG,IAAIC,wBAAW,WAAW;AAE9C,QAAM,QAAQC,SAAAA;AACR,QAAA,eAAeC,aAAO,IAAI;AAC1B,QAAA,EAAE,gBAAgBC,OAAAA;AAExB,QAAM,qBAAqBC,MAAA;AAAA,IACzB,MAAM,aAAa,WAAW,OAAO,YAAY,IAAI;AAAA,IACrD,CAAC,WAAW,OAAO,WAAW;AAAA,EAAA;AAQ1B,QAAA,sBAAsBC,MAAAA,YAAY,MAAM;AACxC,QAAAC,mBAAA,QAAU,OAAO,KAAK,SAAS;AAE/B,aAAAC,2BAAA;AAAA,QAACC,oBAAA;AAAA,QAAA;AAAA,UACC,aACE,uBAAuB,WAAW,eAAe;AAAA,UAEnD,UAAU,uBAAuB;AAAA,UACjC,MAAK;AAAA,UACJ,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAGV;AACO,WAAA;AAAA,EACN,GAAA,CAAC,SAAS,cAAc,kBAAkB,CAAC;AAG5C,SAAAD,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ,kBAAkB;AAAA,QAC1B,QAAQ,OAAO;AAAA,QACf;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,iCAAM,SAAS,IAAI,UAAU,CAAC,OAAO,MAAM;AAC1C,eAEKE,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,UAAW,WAAA,MAAM,KAAK,oBAAoB;AAAA,UAC1C,iBACCH,2BAAA;AAAA,YAACI,MAAA;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,eAAe;AAAA,cACf,UAAS;AAAA,cACT,gBACE,uBAAuB,WACnB,IACAC,uBAAM,SAAS,MAAM,QAAQ,KAAK;AAAA,cAExC,aAAY;AAAA,cAEZ,UAACL,2BAAA,IAAA,OAAA,EAAI,WAAU,SAAS,UAAM,OAAA;AAAA,YAAA;AAAA,UAAA,IAGhC;AAAA,QAEJ,EAAA,CAAA;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;;"}

package/dist/cjs/components/Stack/Stack.styles.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvStack", {
-  root: {
-    display: "flex"
-  },
-  column: {
-    flexDirection: "column"
-  },
-  row: {
-    flexDirection: "row"
-  },
-  xs: {
-    gap: uikitStyles.theme.space.xs
-  },
-  sm: {
-    gap: uikitStyles.theme.space.sm
-  },
-  md: {
-    gap: uikitStyles.theme.spacing(4)
-  },
-  lg: {
-    gap: uikitStyles.theme.spacing(6)
-  },
-  xl: {
-    gap: uikitStyles.theme.spacing(11)
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;
-//# sourceMappingURL=Stack.styles.cjs.map

package/dist/cjs/components/Stack/Stack.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.styles.cjs","sources":["../../../../src/components/Stack/Stack.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvStack\", {\n  root: {\n    display: \"flex\",\n  },\n  column: {\n    flexDirection: \"column\",\n  },\n  row: {\n    flexDirection: \"row\",\n  },\n  xs: {\n    gap: theme.space.xs,\n  },\n  sm: {\n    gap: theme.space.sm,\n  },\n  md: {\n    gap: theme.spacing(4),\n  },\n  lg: {\n    gap: theme.spacing(6),\n  },\n  xl: {\n    gap: theme.spacing(11),\n  },\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,WAAW;AAAA,EACpE,MAAM;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,eAAe;AAAA,EACjB;AAAA,EACA,KAAK;AAAA,IACH,eAAe;AAAA,EACjB;AAAA,EACA,IAAI;AAAA,IACF,KAAKC,YAAAA,MAAM,MAAM;AAAA,EACnB;AAAA,EACA,IAAI;AAAA,IACF,KAAKA,YAAAA,MAAM,MAAM;AAAA,EACnB;AAAA,EACA,IAAI;AAAA,IACF,KAAKA,YAAAA,MAAM,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,IAAI;AAAA,IACF,KAAKA,YAAAA,MAAM,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,IAAI;AAAA,IACF,KAAKA,YAAAA,MAAM,QAAQ,EAAE;AAAA,EACvB;AACF,CAAC;;;"}

package/dist/cjs/components/Switch/Switch.cjs

@@ -1,141 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const React = require("react");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
-const useUniqueId = require("../../hooks/useUniqueId.cjs");
-const useControlled = require("../../hooks/useControlled.cjs");
-const setId = require("../../utils/setId.cjs");
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
-const Switch_styles = require("./Switch.styles.cjs");
-const BaseSwitch = require("../BaseSwitch/BaseSwitch.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
-const HvSwitch = React.forwardRef(
-  (props, ref) => {
-    const {
-      classes: classesProp,
-      className,
-      id,
-      name,
-      value = "on",
-      required = false,
-      readOnly = false,
-      disabled = false,
-      label,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": ariaDescribedBy,
-      labelProps,
-      checked,
-      defaultChecked = false,
-      onChange,
-      status,
-      statusMessage,
-      "aria-errormessage": ariaErrorMessage,
-      inputProps,
-      ...others
-    } = useDefaultProps.useDefaultProps("HvSwitch", props);
-    const { classes, cx } = Switch_styles.useClasses(classesProp);
-    const elementId = useUniqueId.useUniqueId(id, "hvswitch");
-    const [isChecked, setIsChecked] = useControlled.useControlled(
-      checked,
-      Boolean(defaultChecked)
-    );
-    const [validationState, setValidationState] = useControlled.useControlled(
-      status,
-      "standBy"
-    );
-    const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
-    const onLocalChange = React.useCallback(
-      (evt, newChecked) => {
-        setIsChecked(() => {
-          if (required && !newChecked) {
-            setValidationState("invalid");
-          } else {
-            setValidationState("valid");
-          }
-          return newChecked;
-        });
-        onChange?.(evt, newChecked, value);
-      },
-      [onChange, required, setIsChecked, setValidationState, value]
-    );
-    const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
-    const isStateInvalid = validationStates.isInvalid(validationState);
-    let errorMessageId;
-    if (isStateInvalid) {
-      errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      FormElement.HvFormElement,
-      {
-        id,
-        name,
-        status: validationState,
-        disabled,
-        required,
-        readOnly,
-        className: cx(classes.root, className),
-        children: [
-          label && /* @__PURE__ */ jsxRuntime.jsx(
-            Label.HvLabel,
-            {
-              id: setId.setId(elementId, "label"),
-              htmlFor: setId.setId(elementId, "input"),
-              label,
-              className: classes.label,
-              ...labelProps
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cx(classes.switchContainer, {
-                [classes.invalidSwitch]: isStateInvalid
-              }),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                BaseSwitch.HvBaseSwitch,
-                {
-                  ref,
-                  id: label ? setId.setId(elementId, "input") : setId.setId(id, "input"),
-                  name,
-                  disabled,
-                  readOnly,
-                  required,
-                  onChange: onLocalChange,
-                  value,
-                  checked: isChecked,
-                  inputProps: {
-                    "aria-invalid": isStateInvalid ? true : void 0,
-                    "aria-errormessage": errorMessageId,
-                    "aria-label": ariaLabel,
-                    "aria-labelledby": ariaLabelledBy,
-                    "aria-describedby": ariaDescribedBy,
-                    ...inputProps
-                  },
-                  ...others
-                }
-              )
-            }
-          ),
-          canShowError && /* @__PURE__ */ jsxRuntime.jsx(
-            WarningText.HvWarningText,
-            {
-              id: setId.setId(elementId, "error"),
-              className: classes.error,
-              disableBorder: true,
-              disableAdornment: true,
-              hideText: true,
-              children: validationMessage
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-exports.switchClasses = Switch_styles.staticClasses;
-exports.HvSwitch = HvSwitch;
-//# sourceMappingURL=Switch.cjs.map

package/dist/cjs/components/Switch/Switch.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from \"react\";\n\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvWarningText,\n  HvLabelProps,\n  HvFormStatus,\n  HvFormElement,\n  HvLabel,\n} from \"@core/components/Forms\";\nimport { HvBaseSwitch } from \"@core/components/BaseSwitch\";\nimport { isInvalid } from \"@core/components/Forms/FormElement/validationStates\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Switch.styles\";\n\nexport { staticClasses as switchClasses };\n\nexport type HvSwitchClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSwitchProps\n  extends Omit<MuiSwitchProps, \"onChange\" | \"classes\"> {\n  /**\n   * A Jss Object used to override or extend the styles applied to the switch.\n   */\n  classes?: HvSwitchClasses;\n  /**\n   * The form element name.\n   */\n  name?: string;\n  /**\n   * The value of the form element.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  value?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps?: HvLabelProps;\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked?: boolean;\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: string;\n  /**\n   * Identifies the element that provides an error message for the switch.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\"?: string;\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /** @ignore */\n  ref?: MuiSwitchProps[\"ref\"];\n  /** @ignore */\n  component?: MuiSwitchProps[\"component\"];\n}\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = forwardRef<HTMLButtonElement, HvSwitchProps>(\n  (props, ref) => {\n    const {\n      classes: classesProp,\n      className,\n\n      id,\n      name,\n      value = \"on\",\n      required = false,\n      readOnly = false,\n      disabled = false,\n\n      label,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-describedby\": ariaDescribedBy,\n      labelProps,\n\n      checked,\n      defaultChecked = false,\n\n      onChange,\n\n      status,\n      statusMessage,\n      \"aria-errormessage\": ariaErrorMessage,\n\n      inputProps,\n\n      ...others\n    } = useDefaultProps(\"HvSwitch\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n\n    const elementId = useUniqueId(id, \"hvswitch\");\n\n    const [isChecked, setIsChecked] = useControlled(\n      checked,\n      Boolean(defaultChecked)\n    );\n\n    const [validationState, setValidationState] = useControlled(\n      status,\n      \"standBy\"\n    );\n\n    const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n    const onLocalChange = useCallback(\n      (evt, newChecked) => {\n        setIsChecked(() => {\n          // this will only run if uncontrolled\n          if (required && !newChecked) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newChecked;\n        });\n\n        onChange?.(evt, newChecked, value);\n      },\n      [onChange, required, setIsChecked, setValidationState, value]\n    );\n\n    // the error message area will only be created if:\n    // - an external element that provides an error message isn't identified via aria-errormessage AND\n    //   - both status and statusMessage properties are being controlled OR\n    //   - status is uncontrolled and required is true\n    const canShowError =\n      ariaErrorMessage == null &&\n      ((status !== undefined && statusMessage !== undefined) ||\n        (status === undefined && required));\n\n    const isStateInvalid = isInvalid(validationState);\n\n    let errorMessageId: string | undefined;\n    if (isStateInvalid) {\n      errorMessageId = canShowError\n        ? setId(elementId, \"error\")\n        : ariaErrorMessage;\n    }\n\n    return (\n      <HvFormElement\n        id={id}\n        name={name}\n        status={validationState}\n        disabled={disabled}\n        required={required}\n        readOnly={readOnly}\n        className={cx(classes.root, className)}\n      >\n        {label && (\n          <HvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={classes.label}\n            {...labelProps}\n          />\n        )}\n        <div\n          className={cx(classes.switchContainer, {\n            [classes.invalidSwitch]: isStateInvalid,\n          })}\n        >\n          <HvBaseSwitch\n            ref={ref}\n            id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n            name={name}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            onChange={onLocalChange}\n            value={value}\n            checked={isChecked}\n            inputProps={{\n              \"aria-invalid\": isStateInvalid ? true : undefined,\n              \"aria-errormessage\": errorMessageId,\n              \"aria-label\": ariaLabel,\n              \"aria-labelledby\": ariaLabelledBy,\n              \"aria-describedby\": ariaDescribedBy,\n              ...inputProps,\n            }}\n            {...others}\n          />\n        </div>\n        {canShowError && (\n          <HvWarningText\n            id={setId(elementId, \"error\")}\n            className={classes.error}\n            disableBorder\n            disableAdornment\n            hideText\n          >\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </HvFormElement>\n    );\n  }\n);\n"],"names":["forwardRef","useDefaultProps","useClasses","useUniqueId","useControlled","useCallback","isInvalid","setId","jsxs","HvFormElement","jsx","HvLabel","HvBaseSwitch","HvWarningText"],"mappings":";;;;;;;;;;;;;;AAsHO,MAAM,WAAWA,MAAA;AAAA,EACtB,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MAEA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MAEX;AAAA,MACA,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB;AAAA,MAEA;AAAA,MACA,iBAAiB;AAAA,MAEjB;AAAA,MAEA;AAAA,MACA;AAAA,MACA,qBAAqB;AAAA,MAErB;AAAA,MAEA,GAAG;AAAA,IAAA,IACDC,gBAAgB,gBAAA,YAAY,KAAK;AAErC,UAAM,EAAE,SAAS,GAAG,IAAIC,yBAAW,WAAW;AAExC,UAAA,YAAYC,YAAAA,YAAY,IAAI,UAAU;AAEtC,UAAA,CAAC,WAAW,YAAY,IAAIC,cAAA;AAAA,MAChC;AAAA,MACA,QAAQ,cAAc;AAAA,IAAA;AAGlB,UAAA,CAAC,iBAAiB,kBAAkB,IAAIA,cAAA;AAAA,MAC5C;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,CAAC,iBAAiB,IAAIA,cAAA,cAAc,eAAe,UAAU;AAEnE,UAAM,gBAAgBC,MAAA;AAAA,MACpB,CAAC,KAAK,eAAe;AACnB,qBAAa,MAAM;AAEb,cAAA,YAAY,CAAC,YAAY;AAC3B,+BAAmB,SAAS;AAAA,UAAA,OACvB;AACL,+BAAmB,OAAO;AAAA,UAC5B;AAEO,iBAAA;AAAA,QAAA,CACR;AAEU,mBAAA,KAAK,YAAY,KAAK;AAAA,MACnC;AAAA,MACA,CAAC,UAAU,UAAU,cAAc,oBAAoB,KAAK;AAAA,IAAA;AAOxD,UAAA,eACJ,oBAAoB,SAClB,WAAW,UAAa,kBAAkB,UACzC,WAAW,UAAa;AAEvB,UAAA,iBAAiBC,2BAAU,eAAe;AAE5C,QAAA;AACJ,QAAI,gBAAgB;AAClB,uBAAiB,eACbC,MAAA,MAAM,WAAW,OAAO,IACxB;AAAA,IACN;AAGE,WAAAC,2BAAA;AAAA,MAACC,YAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,GAAG,QAAQ,MAAM,SAAS;AAAA,QAEpC,UAAA;AAAA,UACC,SAAAC,2BAAA;AAAA,YAACC,MAAA;AAAA,YAAA;AAAA,cACC,IAAIJ,MAAAA,MAAM,WAAW,OAAO;AAAA,cAC5B,SAASA,MAAAA,MAAM,WAAW,OAAO;AAAA,cACjC;AAAA,cACA,WAAW,QAAQ;AAAA,cAClB,GAAG;AAAA,YAAA;AAAA,UACN;AAAA,UAEFG,2BAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,GAAG,QAAQ,iBAAiB;AAAA,gBACrC,CAAC,QAAQ,aAAa,GAAG;AAAA,cAAA,CAC1B;AAAA,cAED,UAAAA,2BAAA;AAAA,gBAACE,WAAA;AAAA,gBAAA;AAAA,kBACC;AAAA,kBACA,IAAI,QAAQL,MAAAA,MAAM,WAAW,OAAO,IAAIA,MAAA,MAAM,IAAI,OAAO;AAAA,kBACzD;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,UAAU;AAAA,kBACV;AAAA,kBACA,SAAS;AAAA,kBACT,YAAY;AAAA,oBACV,gBAAgB,iBAAiB,OAAO;AAAA,oBACxC,qBAAqB;AAAA,oBACrB,cAAc;AAAA,oBACd,mBAAmB;AAAA,oBACnB,oBAAoB;AAAA,oBACpB,GAAG;AAAA,kBACL;AAAA,kBACC,GAAG;AAAA,gBAAA;AAAA,cACN;AAAA,YAAA;AAAA,UACF;AAAA,UACC,gBACCG,2BAAA;AAAA,YAACG,YAAA;AAAA,YAAA;AAAA,cACC,IAAIN,MAAAA,MAAM,WAAW,OAAO;AAAA,cAC5B,WAAW,QAAQ;AAAA,cACnB,eAAa;AAAA,cACb,kBAAgB;AAAA,cAChB,UAAQ;AAAA,cAEP,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;;;"}

package/dist/cjs/components/Switch/Switch.styles.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvSwitch", {
-  root: {
-    display: "inline-flex",
-    flexDirection: "column",
-    alignItems: "flex-start"
-  },
-  label: { marginBottom: uikitStyles.theme.space.xs },
-  error: {},
-  switchContainer: {
-    height: "32px",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    borderBottom: "1px solid transparent"
-  },
-  invalidSwitch: {
-    paddingBottom: "1px",
-    borderBottom: `1px solid ${uikitStyles.theme.colors.negative}`
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;
-//# sourceMappingURL=Switch.styles.cjs.map

package/dist/cjs/components/Switch/Switch.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.styles.cjs","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSwitch\", {\n  root: {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n  },\n  label: { marginBottom: theme.space.xs },\n  error: {},\n  switchContainer: {\n    height: \"32px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    borderBottom: \"1px solid transparent\",\n  },\n  invalidSwitch: {\n    paddingBottom: \"1px\",\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  },\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,YAAY;AAAA,EACrE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AAAA,EACA,OAAO,EAAE,cAAcC,kBAAM,MAAM,GAAG;AAAA,EACtC,OAAO,CAAC;AAAA,EACR,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,EAChB;AAAA,EACA,eAAe;AAAA,IACb,eAAe;AAAA,IACf,cAAc,aAAaA,YAAM,MAAA,OAAO,QAAQ;AAAA,EAClD;AACF,CAAC;;;"}

package/dist/cjs/components/Tab/Tab.cjs

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const material = require("@mui/material");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
-const Tab_styles = require("./Tab.styles.cjs");
-const HvTab = (props) => {
-  const {
-    classes: classesProp,
-    iconPosition = "top",
-    disabled = false,
-    ...others
-  } = useDefaultProps.useDefaultProps("HvTab", props);
-  const { classes, cx } = Tab_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    material.Tab,
-    {
-      classes: {
-        root: classes.root,
-        selected: classes.selected,
-        disabled: classes.disabled
-      },
-      disableRipple: true,
-      disableTouchRipple: true,
-      focusVisibleClassName: cx("HvIsFocusVisible", classes.focusVisible),
-      disabled,
-      iconPosition,
-      ...others
-    }
-  );
-};
-exports.tabClasses = Tab_styles.staticClasses;
-exports.HvTab = HvTab;
-//# sourceMappingURL=Tab.cjs.map

package/dist/cjs/components/Tab/Tab.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.cjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { Tab, TabProps as MuiTabProps } from \"@mui/material\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Tab.styles\";\n\nexport { staticClasses as tabClasses };\n\nexport type HvTabClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport interface HvTabProps extends Omit<MuiTabProps, \"children\"> {\n  /** If `true`, the tab will be disabled. */\n  disabled?: boolean;\n  /** The icon element. */\n  icon?: React.ReactElement | string;\n  /** The label element. */\n  label?: React.ReactNode;\n  /** The position of the icon relative to the label. */\n  iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n  /** A Jss Object used to override or extend the component styles. */\n  classes?: HvTabClasses;\n}\n\nexport const HvTab = (props: HvTabProps) => {\n  const {\n    classes: classesProp,\n    iconPosition = \"top\",\n    disabled = false,\n    ...others\n  } = useDefaultProps(\"HvTab\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <Tab\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n        disabled: classes.disabled,\n      }}\n      disableRipple\n      disableTouchRipple\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={cx(\"HvIsFocusVisible\", classes.focusVisible)}\n      disabled={disabled}\n      iconPosition={iconPosition}\n      {...others}\n    />\n  );\n};\n"],"names":["useDefaultProps","useClasses","jsx","Tab"],"mappings":";;;;;;AAyBa,MAAA,QAAQ,CAAC,UAAsB;AACpC,QAAA;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACDA,gBAAgB,gBAAA,SAAS,KAAK;AAClC,QAAM,EAAE,SAAS,GAAG,IAAIC,sBAAW,WAAW;AAG5C,SAAAC,2BAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,UAAU,QAAQ;AAAA,QAClB,UAAU,QAAQ;AAAA,MACpB;AAAA,MACA,eAAa;AAAA,MACb,oBAAkB;AAAA,MAGlB,uBAAuB,GAAG,oBAAoB,QAAQ,YAAY;AAAA,MAClE;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;"}

package/dist/cjs/components/Tab/Tab.styles.cjs

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
-const focusUtils = require("../../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvTab", {
-  root: {
-    marginTop: "3px",
-    padding: "0 16px",
-    minWidth: 70,
-    minHeight: 32,
-    textTransform: "none",
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    ...uikitStyles.theme.typography.body,
-    "&:hover": {
-      backgroundColor: uikitStyles.theme.colors.containerBackgroundHover,
-      borderRadius: uikitStyles.theme.radii.base,
-      "&::after": {
-        height: "1px",
-        backgroundColor: uikitStyles.theme.colors.atmo4
-      }
-    },
-    "&$selected": {
-      color: uikitStyles.theme.typography.label.color,
-      fontWeight: uikitStyles.theme.typography.label.fontWeight,
-      lineHeight: uikitStyles.theme.typography.label.lineHeight,
-      letterSpacing: uikitStyles.theme.typography.label.letterSpacing
-    },
-    "&$disabled": {
-      color: uikitStyles.theme.colors.secondary_60,
-      cursor: "not-allowed",
-      pointerEvents: "all",
-      opacity: 1,
-      "&:hover": {
-        background: "none"
-      }
-    },
-    opacity: 1,
-    "&::after": {
-      position: "absolute",
-      left: 0,
-      top: "calc(100% - 1px)",
-      height: "1px",
-      width: "100%",
-      backgroundColor: uikitStyles.theme.colors.atmo4,
-      content: "''"
-    },
-    // Override Mui styling: https://mui.com/material-ui/api/tab/#css
-    "& .MuiTab-iconWrapper": {
-      margin: 0
-    }
-  },
-  focusVisible: {
-    ...focusUtils.outlineStyles
-  },
-  selected: {},
-  disabled: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;
-//# sourceMappingURL=Tab.styles.cjs.map

package/dist/cjs/components/Tab/Tab.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.styles.cjs","sources":["../../../../src/components/Tab/Tab.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTab\", {\n  root: {\n    marginTop: \"3px\",\n    padding: \"0 16px\",\n    minWidth: 70,\n    minHeight: 32,\n    textTransform: \"none\",\n    fontFamily: theme.fontFamily.body,\n    ...(theme.typography.body as CSSProperties),\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n      borderRadius: theme.radii.base,\n      \"&::after\": {\n        height: \"1px\",\n        backgroundColor: theme.colors.atmo4,\n      },\n    },\n    \"&$selected\": {\n      color: theme.typography.label.color,\n      fontWeight: theme.typography.label.fontWeight,\n      lineHeight: theme.typography.label.lineHeight,\n      letterSpacing: theme.typography.label.letterSpacing,\n    },\n    \"&$disabled\": {\n      color: theme.colors.secondary_60,\n      cursor: \"not-allowed\",\n      pointerEvents: \"all\",\n      opacity: 1,\n      \"&:hover\": {\n        background: \"none\",\n      },\n    },\n    opacity: 1,\n    \"&::after\": {\n      position: \"absolute\",\n      left: 0,\n      top: \"calc(100% - 1px)\",\n      height: \"1px\",\n      width: \"100%\",\n      backgroundColor: theme.colors.atmo4,\n      content: \"''\",\n    },\n    // Override Mui styling: https://mui.com/material-ui/api/tab/#css\n    \"& .MuiTab-iconWrapper\": {\n      margin: 0,\n    },\n  },\n  focusVisible: {\n    ...outlineStyles,\n  },\n  selected: {},\n  disabled: {},\n});\n"],"names":["createClasses","theme","outlineStyles"],"mappings":";;;;;AAOO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,SAAS;AAAA,EAClE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,eAAe;AAAA,IACf,YAAYC,YAAAA,MAAM,WAAW;AAAA,IAC7B,GAAIA,YAAAA,MAAM,WAAW;AAAA,IACrB,WAAW;AAAA,MACT,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,MAC9B,cAAcA,YAAAA,MAAM,MAAM;AAAA,MAC1B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,MAChC;AAAA,IACF;AAAA,IACA,cAAc;AAAA,MACZ,OAAOA,YAAM,MAAA,WAAW,MAAM;AAAA,MAC9B,YAAYA,YAAM,MAAA,WAAW,MAAM;AAAA,MACnC,YAAYA,YAAM,MAAA,WAAW,MAAM;AAAA,MACnC,eAAeA,YAAM,MAAA,WAAW,MAAM;AAAA,IACxC;AAAA,IACA,cAAc;AAAA,MACZ,OAAOA,YAAAA,MAAM,OAAO;AAAA,MACpB,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,MACV,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,yBAAyB;AAAA,MACvB,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,GAAGC,WAAA;AAAA,EACL;AAAA,EACA,UAAU,CAAC;AAAA,EACX,UAAU,CAAC;AACb,CAAC;;;"}