const a = {
  /**
   * Styles for the AppBar root container.
   */
  appBarRoot: ({ theme: i, ownerState: s }) => ({
    // Use the elevated `base` surface while the embedded Areas surface has an
    // expanded module or the sidebar is expanded (anchored); fall back to the
    // default surface otherwise.
    backgroundColor: s?.hasExpandedModule || s?.sidebarAnchored ? i.vars.palette.background.base : i.vars.palette.background.default,
    borderColor: i.vars.palette.border.disabled,
    borderStyle: "solid",
    borderWidth: 0,
    display: "flex",
    flexShrink: 0,
    overflow: s?.orientation === "vertical" ? "visible" : "hidden",
    ...s?.orientation === "vertical" ? {
      alignItems: "center",
      borderRightWidth: "1px",
      flexDirection: "column",
      gap: i.vars.size.baseSpacings.sp4,
      height: "100%",
      maxWidth: `calc(${i.vars.size.baseSpacings.sp10} + ${i.vars.size.baseSpacings.sp4})`,
      padding: `${i.vars.size.baseSpacings.sp4} ${i.vars.size.baseSpacings.sp2}`,
      width: `calc(${i.vars.size.baseSpacings.sp10} + ${i.vars.size.baseSpacings.sp3})`
    } : {
      alignItems: "center",
      borderBottomWidth: "1px",
      flexDirection: "row",
      gap: i.vars.size.baseSpacings.sp3,
      minHeight: i.vars.size.baseSpacings.sp12,
      padding: `0 ${i.vars.size.baseSpacings.sp4}`,
      width: "100%"
    }
  }),
  /**
   * Styles for the primary AppBar section.
   */
  primarySection: ({ theme: i, ownerState: s }) => ({
    alignItems: "center",
    display: "flex",
    ...s?.orientation === "vertical" ? {
      flex: 1,
      flexDirection: "column",
      gap: i.vars.size.baseSpacings.sp2,
      minHeight: 0,
      width: "100%"
    } : {
      flex: 1,
      flexDirection: "row",
      gap: i.vars.size.baseSpacings.sp2,
      minWidth: 0
    }
  }),
  /**
   * Styles for the menu toggle button.
   */
  menuIconButton: {},
  /**
   * Styles for the central AppBar content.
   */
  content: ({ theme: i, ownerState: s }) => ({
    alignItems: "center",
    display: "flex",
    minHeight: 0,
    ...s?.orientation === "vertical" ? {
      flex: 1,
      flexDirection: "column",
      gap: i.vars.size.baseSpacings.sp4,
      justifyContent: "flex-start",
      overflow: "visible",
      width: "100%"
    } : {
      flex: 1,
      flexDirection: "row",
      gap: i.vars.size.baseSpacings.sp3,
      justifyContent: "flex-start",
      overflow: "auto hidden",
      width: "100%"
    }
  }),
  /**
   * Styles for the trailing AppBar content.
   */
  endContent: ({ theme: i, ownerState: s }) => ({
    alignItems: "center",
    display: "flex",
    flexShrink: 0,
    ...s?.orientation === "vertical" ? {
      flexDirection: "column",
      gap: i.vars.size.baseSpacings.sp2,
      paddingTop: s?.hasEndContent ? i.vars.size.baseSpacings.sp4 : 0,
      width: "100%",
      "& > *": {
        width: "100%"
      }
    } : {
      flexDirection: "row",
      gap: i.vars.size.baseSpacings.sp2,
      marginLeft: "auto"
    }
  }),
  /**
   * Compatibility slot kept for existing theme override consumers.
   */
  containerIsotypeName: () => ({})
};
export {
  a as appBarStyles
};
